/* reset */

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, strong, em, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, tt, var, b, i, u, table, caption, tbody, tfoot, thead, tr, th, td
div, span, img, dl, dt, dd, ol, ul, li, applet, object, iframe, center {
    margin: 0;
    border: none;
    padding: 0;
    background: none;
    list-style: none;
    list-style-type: none;
    vertical-align: baseline;
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol, ul, li {
    list-style: none;
    list-style-type: none;
    background: none;
}
a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    cursor: pointer;
}
/* basic design elements */

body {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    color: #202020;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
input, select, textbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
input[type='text'], input[type='password'], select {
    border-bottom-color: #b2b2b2;
    border-right-color: #b2b2b2;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input[type='text'], input[type='password']{
width: 153px;
}
select {
width: 150px;
}
a, a:link, a:visited {
}
a:hover, a:active {
    color: #ee5511;
    text-decoration: underline;
}
h1, h2 {
    font-size: 20px;
    color: #C8261F;
}
/* wrapper */

#wrapper {
    padding: 0;
    margin: 0 auto;
    width: 90%;
}








/* header */

#header {
    position: relative;
    margin: 0 auto;
    height: 4.25em;
    border-top: 0.3125em solid #DB4A39;
    background-color: #fff;
    border-bottom: 4px solid #DBDBDB;
    color: #6B6B6B;
    font-weight: 600;
}
/* header - logo */

#logo {
    position: absolute;
    top: 10px;
    left: 70px;
}
#sb_logo{
    width: 230px;
    height: 50px;
}
#user_logo{
    min-width: 90px;
    min-height: 90px;
    max-width: 180px;
    max-height: 90px;
}
/*#logo a {
    display: block;
    width: 231px;
    height: 50px;
    text-indent: -9999em;
    overflow: hidden;
    background: transparent url(http://www.sportsboard-win.com/static/i/logo.png) no-repeat top left;
}
*/
/* user login */

#login {
    z-index: 10;
    position: absolute;
    top: 10px;
    right: 120px;
    font-size: 12px;
    width: 100%;
}
#login a.logout {
    float: right;
    color: #202020;
    border-left: 1px solid #202020;
    padding-left: 6px;
    margin: 5px 0 0 6px;
}
#login #user-profile-submenu {
    position: absolute;
    width: 85px;
    left:-500px;
    padding: 6px 11px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 3px;
    border: 1px solid #464646;
    background-color: #606060;
    z-index: 105;
}
#login a.button {
    color: #202020;
    float: right;
    display: block;
    padding: 5px 15px 5px 3px;
    background: transparent url(i/arrow.gif) no-repeat right 8px;
}
#login #user-profile-submenu li {
    display: block;
    padding: 5px 3px;
    background: transparent url(i/border-login.gif) repeat-x bottom left;
}
#login #user-profile-submenu li.last {
    background-image: none;
}
#login #user-profile-submenu li a {
    display: block;
    padding: 4px 2px;
    color: #fff;
}
/* Switch Sport Selector */
#login #switch-sport-submenu {
    position: absolute;
    width: 85px;
    left:-500px;
    padding: 6px 11px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 3px;
    border: 1px solid #464646;
    background-color: #606060;
    z-index: 100;
}

#login #switch-sport-submenu li {
    display: block;
    padding: 5px 3px;
    background: transparent url(i/border-login.gif) repeat-x bottom left;
}
#login #switch-sport-submenu li.last {
    background-image: none;
}
#login #switch-sport-submenu li a {
    display: block;
    padding: 4px 2px;
    color: #fff;
}

/* header - menu */
#navigation {
    position: absolute;
    top: 40px;
    left: 372px;
}
#navigation {
    z-index: 1;
    width: 650px;
    height: 35px;
    padding: 5px 10px;
    /* For the sake of IE */
    /* For Internet Explorer 5.5 - 7 */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfafa, endColorstr=#d7d5d5);*/
    /* For Internet Explorer 8 */
    /*.-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfafa, endColorstr=#fbfafa)";*/
    color: white;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    vertical-align: middle;
}
#navigation a {
    text-decoration: none; font-size: 16px !important; font-weight:bold;
}
#navigation ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}
#navigation li {
    display: inline;
}
/* 1st level elements */

#navigation ul#main-menu {
    padding: 2px 0;
    width:850px;
}
#navigation li {
    margin: 0 0 0px;
    float: left;
}

#navigation .category_li{
    padding-right: 30px;
}

.submenu-button.selected a{
    background-color:#C44031 !important;

}
.subsubmenu li a.active{
    background-color:#666666 !important;
}

/** grayout **/

ul#main-menu li a.inactive, ul#main-menu li a:link.inactive, ul#main-menu li a.inactive:visited, 
ul#main-menu li a.inactive:hover{
    color:gray !important;
    padding: 2px 0;
    font-size: 12px; 
    display: block; 
    position:relative; 
    top:4px;
    height: 16px; 
    line-height: 16px;
    cursor: default;
}

ul#main-menu li .category_menu a
  {  
    display: block; 
    color: #DB4A39;
    position:relative; 
    top:4px;
    height: 14px;  
    line-height: 14px;
}
ul#main-menu li .category_menu.inactive a
{
   
    color:#C0C0C0 !important;
}
.inactive_menu {
    padding: 2px 0;
    font-size: 12px; 
    display: block; 
    color: #6B6B6B !important;
    position:relative; 
    top:4px;
    height: 14px; 
    text-align: center; 
    line-height: 14px;
}
.inactive_menu:hover {
    color: #FFFFFF !important;
}
/* current link */
/* default style main menu hovering and active state*/
ul#main-menu .category_menu a:hover,
ul#main-menu .category_menu a:focus,
ul#main-menu .category_menu a
 {
 
    padding: 2px 0;
    font-size: 12px;    
    text-decoration: none; 
    height: 14px;
    z-index: 4;
}


#active-image {
    position: absolute;
    bottom: -12px;
    left: 4px;
    width: 96px;
    height: 5px;
    margin: 0;
    color: #dbd9e5;
    background: transparent url(i/main-menu-active_scout.gif) 0 100% no-repeat;
}
/* second and subsequent levels */

ul#sub-menu {
    height: 35px;
    position: absolute;
    top: 36px;
    left: -240px;
    width: 825px;
    background: transparent url(i/bg-submenu.gif) repeat-x bottom left;
}
ul#sub-menu li {
    display: inline;
}
ul#sub-menu li a {
    display: block;
    height: 17px;
    color: #fff;
    padding: 12px 12px 8px 12px;
    font-size: 12px;
}


/* current link */
ul#sub-menu li a.active,
ul#sub-menu li a.active:link,
ul#sub-menu li a.active:visited {
    color: #930000;
    font-weight: bold;
    /*background: transparent url(i/submenu-selected.gif) no-repeat bottom center;*/
}

/* main container */

#main-container {
    margin: 0 auto;
    /*background: transparent url(i/bg-content.gif) repeat-y top left;*/
}
/* content */
.link_symbol {
    font-size: 24px;
}
#content {
    float: left;
    padding: 40px 0px 237px 26px;
    width: 95%;
}
#content h2 {
    padding-bottom: 13px;
    margin-bottom: 14px;
    background: transparent url(i/border-bottom.gif) repeat-x bottom left;
}
/* create new button */
#create-new-select {
    background-color: #eeeee;
    clear: both;
    color: #93000E;
    display: block;
    float: left;
    font-size: 16px;
    height: 29px;
    outline: medium none;
    text-decoration: none !important;
    width: 230px;
}
#create-new-select  a.select:hover {
    background-position: bottom left;
    color: #FFF !important;
}
#event-title {
    position: relative;
    padding: 4px;
}
#event-options {
    position: absolute;
    top: 0;
    right: 0;
}
/* Generic table. Keep #event-table for compat. */

#event-table, .data-table {
    margin-bottom: 32px;
    
    width: 640px;
}
#event-table {
    white-space: nowrap;
}
#event-table a, .data-table a {
    color: #202020;
}
.data-table td {
    word-wrap: break-word;
}
#event-table td, .data-table td {
    padding: 8px 10px;
    background-color: #f1f1f1;
    text-align: left;
    line-height: 14px;
}
#event-table thead th, .data-table thead th {
    background-color: #d8d8d8;
    color: #bf342e;
    padding: 5px 7px;
    text-align: left;
    vertical-align: middle
}
#event-table tbody tr.alt td, .data-table tbody tr.alt td {
    background-color: #e8e8e8;
}
#event-table tr.sub-heading th, .data-table tr.sub-heading th {
    background-color: #e0e0e0;
}
#event-table .event-td-edit, .data-table .event-td-edit {
}
#event-table .edit-holder, .data-table .edit-holder {
    position: relative;
    height: 12px;
    width: 63px;
}
#event-table .edit-button, .data-table .edit-button {
    position: absolute;
    z-index: 10;
    top: -5px;
    display: block;
    height: 16px;
    background: #606060;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    vertical-align: middle;
    behavior: url(http://www.sportsboard-win.com/static/j/border-radius.htc);

}
#event-table a.edit, .data-table a.edit {
    color: #fff;
    float: left;
}
#event-table .delete, .data-table .delete {
    text-indent: -9999px;
    display: block;
    margin-top: 2px;
    width: 11px;
    height: 13px;
    background: transparent url(i/delete.gif) repeat-x bottom left;
    float: right;
}
#event-table:hover, .data-table:hover {
    cursor: pointer;
}
#event-table .event-td-name {
    width: 162px;
}
#event-table .event-td-location {
    width: 142px;
}
#event-table .event-td-date {
    width: 132px;
}
#event-table .event-td-time {
    width: 100px;
}
.perf-playerTable tr td:first-child {
    width:90px; padding-left:0;
}
.perf-playerTable tr.alt td:first-child {
    width:90px; padding-left:0;
}
.perf-playerTable .edit-holder {
    position: relative;
    height: 12px;
    width: 90px;
}
.perf-playerTable .edit-holder-multi {
    position: relative;
    height: 12px;
    width: 90px;
}
.perf-playerTable .edit-holder-multi select {
    width: 100px;
    position: relative;
    left:-4px;
    top: -3px;
}

.perf-teamTable .edit-holder-multi {
    position: relative;
    height: 12px;
    width: 90px;
}
.perf-teamTable .edit-holder-multi select {
    width: 100px;
    position: relative;
    left:-4px;
    top: -3px;
}

.perf-playerTable .edit-button-left {
    
    z-index: 1000;
    top: -5px;
    display: block;
    width: 90px;
    height: 16px;
    padding: 3px 9px;
    background: transparent url(i/edit-button.gif) no-repeat top left;
}
.perf-playerTable .edit-button-right {
    position: absolute;
    z-index: 1000;
    top: -5px;
    right: 0px;
    display: block;
    width: 130px;
    height: 16px;
    padding: 3px 9px;
    background: transparent url(i/edit-button.gif) no-repeat top left;
}
.perf-playerTable a.edit {
    color: #fff;
    display:inline;
    padding: 0 3px 0 0;
    float:left;
}
.perf-playerTable a.delete {
    display: inline;
    display: block;
    margin-top: 2px;
    width: 11px;
    height: 13px;
    background: transparent url(i/delete.gif) no-repeat top left;
    float: right;
}
.perf-playerTable .vhidden {
    visibility: hidden
}
.perf-teamTable .edit-holder {
    position: absolute;
    margin-left: -8px;
    height: 12px;
    width: 85px;
}
.perf-teamTable .edit-button-left {
    position: absolute;
    z-index: 10;
    top: -5px;
    /* right: -63px; */
    display: block;
    width: 90px;
    height: 16px;
    padding: 3px 9px;
    background: transparent url(i/edit-button.gif) no-repeat top left;
}
.perf-teamTable .edit-button-right {
    position: absolute;
    z-index: 1000;
    top: -5px;
    right: 0px;
    display: block;
    width: 48px;
    height: 16px;
    padding: 3px 9px;
    background: transparent url(i/edit-button.gif) no-repeat top left;
}
.perf-teamTable a.edit {
    color: #fff;
}
.perf-teamTable a.delete {
    text-indent: -9999px;
    display: block;
    margin: -15px 0px 0 91px;
    width: 12px;
    height: 13px;
    background: transparent url(i/delete.gif) no-repeat bottom left;
}
#edbutton .button-holder {
    display: block;
    position: relative;
    height: 12px;
    width: 63px;
}
#edbutton .edit-button {
    position: relative;
    z-index: 10;
    top: -5px;
    right: -63px;
    display: block;
    width: 48px;
    height: 16px;
    padding: 3px 9px;
    background: transparent url(i/edit-button.gif) no-repeat top left;
}
#edbutton a.edit {
    color: #fff;
    float: left;
}
#edbutton a.delete {

    text-indent: -9999px;
    display: block;
    margin-top: 2px;
    width: 11px;
    height: 13px;
    background: transparent url(i/delete.gif) no-repeat bottom left;
    float: right;
}
#create-event input[type="text"], #create-event input[type="password"], #create-event select {
    width: 98px;
    margin: 15px 35px 0 0;
    padding: 2px 10px;
}
#create-event #id_event_scouts{width: 200px;}

#create-event textarea{
    width: 510px;
    margin: 15px 35px 0 0;
    padding: 2px 10px;
    resize: none;
 }

#upload_form table {
    border-collapse: collapse;
}
#upload_form td, #upload_form th {
    padding-top: .3em;
    padding-bottom: .3em;
}
#upload_form textarea {
    margin: 0;
}
#upload_form input {
    width: auto !important;
}
#upload_form th {
    width: 4em;
}
#create-event input[type="checkbox"] {
    margin: 15px 35px 0 0;
}
#create-event li {
    margin: 15px 35px 0 0;
    float: left;
}
#create-event .label {
    margin: 15px 0 0 0;
    position: relative;
    top: 15px;
}
#create-event .label2 {
    margin: 15px 0 0 0;
    position: relative;
    top: 8px;
}
#create-event h4 {
    margin: 15px 0 0 0;
}
#create-event #financial_status {
    width: 508px
}
/*#create-event #id_start_date, #create-event #id_end_date { width: 75px; margin: 0 5px 0 0; }
 #create-event #id_start_time, #create-event #id_end_time { width: 75px; }*/

.form-btn-container{
    margin-top: 20px !important;
    display: block !important;
}

/* cancel button */
.cancel-btn, .delete-btn, .rd-btn {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF2525), color-stop(1, #BA0000)) !important;
background: -moz-linear-gradient(top center, #25FF28 0%, #00BA09 100%) !important;
border-color: #FF4343 #D80000 #CA0000 !important;
    text-shadow: #000 0 1px 1px !important;
    color:white !important;
}

/* create button */
#create-event .event-create, #event-create, .create-btn, .save-btn, .save-edit-btn, .export-btn, .send-btn, .search-btn, .grn-btn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25FF28), color-stop(1, #00BA09)) !important;
    background: -moz-linear-gradient(top center, #25FF28 0%, #00BA09 100%) !important;
    border-color: #4FFF43 #26D800 #00CA0A  !important;
    text-shadow: #000 0 1px 1px !important;
    color:white !important;
}
#create-event .event-create:hover {
    color: #fcffd4;
}
#create-event .event-create:active {
    border-top-color: #0ba231;
    background: #3B884F;
}
#create-event a {
    color: #fff;
}
/* az */
#az {
    clear: both;
    margin: 10px 0px 5px 0px
}
#az a {
    margin: 5px 5px 5px 0px;
}
/* paginate div */
#paginate {
    position: relative;
    float: right;
}
#data-table-wrap {
    height: 600px;
    overflow: scroll
}
#data-table {
    margin-bottom: 0;
    width: 640px;
}
#data-table a {
    color: #202020
}
#data-table td {
    padding: 4px 10px;
    background-color: #f1f1f1;
    text-align: left;
    line-height: 14px;
}
#data-table thead th {
    background-color: #d8d8d8;
    color: #000;
    padding: 5px 7px;
    text-align: left
}
#data-table tbody tr.alt td {
    background-color: #e8e8e8;
    border-top: 1px solid #ddd
}
#data-table .data-td-name {
    width: 162px
}
#data-table .data-td-location {
    width: 142px
}
#data-table .data-td-date {
    width: 132px
}
#data-table .data-td-time {
    width: 100px
}
#data-table .data-td-edit {
}
#data-table .edit-holder {
    display: none;
    position: relative;
    height: 12px;
    width: 63px
}
#data-table .edit-holder-multi {
    display: none;
    position: relative;
    height: 12px;
    width: 63px
}
#data-table .edit-button {
    position: absolute;
    z-index: 10;
    top: -5px;
    right: -63px;
    display: block;
    width: 48px;
    height: 16px;
    padding: 3px 9px;
    background: transparent url(i/edit-button.gif) no-repeat top left
}
#data-table a.edit {
    color: #fff;
    float: left
}
#data-table a.delete {
    text-indent: -9999px;
    display: block;
    margin-top: 2px;
    width: 11px;
    height: 13px;
    background: transparent url(i/delete.gif) no-repeat bottom left;
    float: right
}
#create-data input[type="text"] {
    width: 98px;
    margin: 0 35px 0 0;
    padding: 2px 10px
}
#create-data .data-create {
    display: block;
    width: 51px;
    height: 21px;
    margin-top: 10px;
    background: transparent url(i/input-create.gif) no-repeat top left;
    text-indent: -9999px
}
.media-details {
    margin-left: 220px;
    width: 400px;
    white-space: pre-line;
    line-height: 100%;
    word-wrap: break-word;
    margin-top: -20px;

}
/* sidebar */

#sidebar-content {
    float: left;
    width: 232px;
    padding: 26px;
}
#sidebar-content #create-new {
    margin-top: 10px;
    padding-top: 40px;
}
#sidebar-content #guidelink {
    width: 225px;
    margin-top: 25px;
    margin-left: 4px;
    font-size: 18px;
    color:#C8261F;
}

#sidebar-content .widget {
    padding-top: 45px;
}
#sidebar-content h2 {
    padding-bottom: 13px;
    margin-bottom: 14px;
    background: transparent url(i/border-bottom.gif) repeat-x bottom left;
}
#sidebar-content a {
    color: #202020;
    display: block;
    line-height: 17px;
}
#sidebar-content a:hover {
    text-decoration: none;
}
#sidebar-content #recent-events li {
    padding: 5px 10px;
    background-color: #e7e7e7;
}
#sidebar-content #recent-events .heading {
    background-color: #cfcfcf;
    color: #000;
    padding: 5px 7px;
}
#sidebar-content #recent-events .alt {
    background-color: #dedede;
}
#account_tasks_button{
    float:right;
}

/* footer */

#footer {
    background: #d6d6d6 url(i/bg-footer.gif) repeat-x top center;
    width: 100%;
    padding: 28px 0 0 0;
    font-size: 11px;
}
#footer #footer-content {
    margin: 0 auto;
    /*width: 960px;*/
    position: relative;
    height: 100px;
    padding-left: 10px;
}
#footer #navigation-bottom {
    position: absolute;
    top: -60px;
    right: 10px;
}
#footer #navigation-bottom a {
    color: #202020;
}
#footer .copyright {
    font-size: 10px;
}
#footer a.send-to-friend {
    font-size: 12px;
    display: inline-block;
    color: #202020;
    padding: 0px 20px 4px 0px;
    background: #d6d6d6 url(i/send-to-friend.gif) no-repeat top right;
}
#perf-game-table .edit-holder {
    
    height: 5px;
    width: 85px;

}
#perf-game-table .edit-holder #view_players{
    padding: 1px 10px;
    
}
#perf-game-table .edit-button {
    position: absolute;
    z-index: 10;
    top: -5px;
    right: -63px;
    display: block;
    width: 85px;
    height: 16px;
    padding: 3px 9px;
}
#view_players {
    background: #606060;
    padding: 5px 10px;


    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    vertical-align: middle;
    behavior: url(http://www.sportsboard-win.com/static/j/border-radius.htc);
}
#view_players:hover {
    border-top-color: #878787;
    background: #878787;
    color: #ffffff;
}
#view_players:active {
    border-top-color: #606060;
    background: #606060;
}
#view_players a {
    color: #ffffff;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

#view_players .trash_player_clickable{
    position: relative;
    right: 5px;
    width: 20px;
    display:block;
}

#notify {
}
/* clearfix */

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* utility function */
.hidden {
    display: none;
}
/** scout menu **/
div.category_menu:hover, div.category_menu.active {
    height: 23px;
    z-index: 3;
    font-size: 16px !important;
    position: relative;
}
#main-menu li:hover .category_menu_shadow, #main-menu li.mainactive .category_menu_shadow {
    height: 23px;
    z-index: 2;
    position: relative;
    top:-23px;
    /* Do rounding (native in Opera, Firefox and Safari) */
}


div.submenu_div {
    z-index: 2;
    height: 38px;
    position: absolute;
    top: 33px;
    left: 2px;
    /*width:530px; */
    background-color: #DB4A39;
    /**border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px; */

    /*width: 171px !important;*/
}
div.submenu_div:before
{   position:absolute;  
    content: "";
    bottom: 2em;
    /*right: 9.7em;*/
    width:0em;
    height:0em;
    border-top: 1.0em solid rgba(0, 0, 0, 0);
    border-left: 1.0em solid #DB4A39;   
    left: 90px;
}

/**div#scout-submenu:before
{   position:absolute;  
    content: "";
    bottom: 2em;
    right: 9.7em;
    width:0em;
    height:0em;
    border-top: 1.0em solid rgba(0, 0, 0, 0);
    border-left: 1.0em solid #DB4A39;   
}
div#training-submenu:before
{   position:absolute;  
    content: "";
    bottom: 2em;
    right: 9.7em;
    width:0em;
    height:0em;
    border-top: 1.0em solid rgba(0, 0, 0, 0);
    border-left: 1.0em solid #DB4A39;   
}

div#tools-submenu:before
{   position:absolute;  
    content: "";
    bottom: 2.6em;
    right: 17.9em;
    width:0em;
    height:0em;
    border-top: 1.0em solid rgba(0, 0, 0, 0);
    border-left: 1.0em solid #DB4A39;   
}
div#workflow-submenu:before
{   position:absolute;  
    content: "";
    bottom: 2.6em;
    right: 17.9em;
    width:0em;
    height:0em;
    border-top: 1.0em solid rgba(0, 0, 0, 0);
    border-left: 1.0em solid #DB4A39;   
}
**/
.submenu_div>ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
    width: 800px;

}
/** custom widths for submenu-div **/
div#training-submenu:before {
    left: 135px;
    
}
div#training-submenu {
    left: 236px;
    width: 560px;
}
div#scouting-submenu:before {
    left: 145px;
    
}
div#scouting-submenu {
    left: 436px;
    width: 380px;
}

div#setup-submenu:before {
    left: 350px;
    
}
div#setup-submenu {
    left: 240px;
    width: 570px;
}

div#scout-submenu:before {
    left: 195px;
    
}
div#scout-submenu {
    left: -120px;
    width: 655px;
}

div#scouting-submenu {
    left: 350px;
    width: 535px;
}


div#tools-submenu {
    left: 450px;
    width: 80px;
}
div#workflow-submenu {
    left: 200px;
    width: 174px;
}

div#contactmanager-submenu:before {
    left: 90px;
    
}
div#contactmanager-submenu {
    left: 100px;
    width: 435px;
}

div#camps-submenu {
    left: 188px;
    width: 560px;
}

#clearbottom {
    height: 3px;
    width: 100%;
    position: relative;
    bottom: 0px;
    z-index: 3;
    background-color: #f1f1f1;
}



.submenu_div ul li{
    position: relative;
    display: inline;
    top: 5px;
    left: 3px;
    height: 17px;
}

#navigation ul.subsubmenu{
    height: 36px; /* nav new style */
    vertical-align: middle; /* nav new style */
    margin-top:10px; /* nav new style */
    position: absolute;
    background: gray;
    top: 40px;
    /**left: 113px;**/
    width:450px;
}


#navigation ul.subsubmenu:before
{   position:absolute;  
    content: "";
    bottom: 2em;
    left: 0em;
    /**width:0em;**/
    width:500px;
    height:0em;
    border-top: 1.0em solid rgba(0, 0, 0, 0);
    border-left: 1.0em solid gray;   
}

#navigation ul#assignments-subsubmenu{
width:280px;
left:258px;
}


#navigation ul#analytics-subsubmenu{
left: 395px;
width: 295px;
}
#navigation ul#analytics-subsubmenu:before{
left:40px;
width:500px;
}

#navigation ul#camps_analytics-subsubmenu{
left: 297px;
width: 125px;
top: 37px;
}
#navigation ul#camps_analytics-subsubmenu:before{
left:40px;
width:500px;
}
#navigation ul#training_analytics-subsubmenu{
left: 420px;
width: 170px;
}
#navigation ul#training_analytics-subsubmenu:before{
left:40px;
width:500px;
}
#navigation ul#training-subsubmenu{
width:885px;
left:-200px;
}
#navigation ul#training-subsubmenu:before{
left:560px;
width:500px;
}
#navigation ul#contactmanager-subsubmenu:before{
left:200px;
width:500px;
}
#navigation ul#setup-subsubmenu:before{
left:75px;

}
#navigation ul#setup-subsubmenu{
width:500px;
}
#navigation ul#t-subsubmenu{
width:200px;
}

#navigation ul#activities-subsubmenu{
    left:160px;
    width: 258px;
}
#navigation ul#depth-chart-subsubmenu{
    left: 533px;
    width: 262px;
}



.submenu-button:hover, .submenu-button.selected {
}
#main-menu  div.submenu-button.analytics a.active,
#main-menu  div.submenu-button.analytics:hover a.active
{
color:gray !important;
cursor: default;
}
#main-menu  div.submenu-button.analytics ,
#main-menu  div.submenu-button.analytics:hover
{
background: #eaeaea;
border:solid 1px #d2d2d2;
cursor: default;
}

#main-menu  div.submenu-button:hover a.active,
#main-menu .submenu-button.selected a.active{
color: white !important;
}
.submenu-button {
    z-index: 14;
    color: #5C5C5C !important;
    font-size: 12px;
    height: 14px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    position: relative;
}

.submenu_div ul a,
#scout-submenu-ul a.active, #scout-submenu-ul a.active:link, #scout-submenu-ul a.active:visited 
.subsubmenu-ul a.active, .subsubmenu-ul a.active:link, .subsubmenu-ul a.active:visited,
#training-submenu-ul a.active, #training-submenu-ul a.active:link, #training-submenu-ul a.active:visited,
#tools-submenu-ul a.active, #tools-submenu-ul a.active:link, #tools-ul a.active:visited,
#workflow-submenu-ul a.active, #workflow-submenu-ul a.active:link, #workflow-submenu-ul a.active:visited 
#scouting-submenu-ul a.active, #scouting-submenu-ul a.active:link, #scouting-submenu-ul a.active:visited{
    position: relative;
    border-bottom-color: transparent;
    z-index: 12;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
    height: 15px;
    
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

div#category_menu a,
div#category_menu a.mainactive {
    top: 1px;
}


div#scout-submenu ul#setup-subsubmenu.subsubmenu{
    height: 36px; /* nav new style */
    vertical-align: middle; /* nav new style */
    margin-top:10px; /* nav new style */
    position: absolute;
    background: gray;
    top: 27px;
    left: 113px;
}
/**div#scout-submenu ul#analytics-subsubmenu.subsubmenu{
    height: 36px;
    vertical-align: middle;
    margin-top:10px;
    position: absolute;
    background: gray;
    top: 27px;
    left: 186px;
}**/
div#training-submenu ul#tsetup_subsubmenu.subsubmenu{
    height: 36px; /* nav new style */
    vertical-align: middle; /* nav new style */
    margin-top:10px; /* nav new style */
    position: absolute;
    background: gray;
    top: 27px;
    left: 0px;
}
div#tools-submenu ul#tsetup_subsubmenu.subsubmenu{
    height: 36px; /* nav new style */
    vertical-align: middle; /* nav new style */
    margin-top:10px; /* nav new style */
    position: absolute;
    background: gray;
    top: 27px;
    left: 72px;
}
div#workflow-submenu ul#tsetup_subsubmenu.subsubmenu{
    height: 36px; /* nav new style */
    vertical-align: middle; /* nav new style */
    margin-top:10px; /* nav new style */
    position: absolute;
    background: gray;
    top: 27px;
    left: 72px;
}
.submenu_div ul#csetup-subsubmenu.subsubmenu{
    height: 36px; /* nav new style */
    vertical-align: middle; /* nav new style */
    margin-top:10px; /* nav new style */
    position: absolute;
    background: gray;
    top: 27px;
    left: 0px;
}
.submenu_div ul#cactivities-subsubmenu.subsubmenu {
    height: 36px; /* nav new style */
    vertical-align: middle; /* nav new style */
    margin-top:10px; /* nav new style */
    position: absolute;
    background: gray;
    top: 27px;
    left: 73px;
}



ul.subsubmenu li a.active, ul.subsubmenu li a.link, ul.subsubmenu li a.visited, ul.subsubmenu li a:hover,
ul.subsubmenu li a.active, ul.subsubmenu li a.link, ul.subsubmenu li a.visited, ul.subsubmenu li a:hover {
    color: #FFFFFF !important;
    /*background: transparent url(i/submenu-selected.gif) no-repeat bottom center;*/
;
    background: #666666;
    -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;  transition: all .25s ease;
}
li#scout_menu {
}
li#training_menu {
}
.subsubmenu_left.active, .subsubmenu_left.link,
.subsubmenu_left.visited, .subsubmenu_left:hover {
    height : 27px; /* nav new style */
    line-height: 25px; /* nav new style */
}
.subsubmenu_right.active, .subsubmenu_right.link,
.subsubmenu_right.visited, .subsubmenu_right:hover {
    height : 27px; /* nav new style */
    line-height: 25px; /* nav new style */
}
div#scout-submenu   ul.subsubmenu li a, div#training-submenu   ul.subsubmenu li a, .submenu_div   ul.subsubmenu li a {
    display: block;
    color: #fff;
    padding: 5px 14px 4px 14px;
    font-size: 12px;
    height : 27px; /* nav new style */
    line-height: 25px; /* nav new style */
}
div#scout-submenu   ul.subsubmenu li, div#training-submenu   ul.subsubmenu li, .submenu_div   ul.subsubmenu li {
    display: inline;
    top: 0px;
    left: 0px;
    height: 24px;
    width: auto;
    height : 27px; /* nav new style */
    line-height: 25px; /* nav new style */
}
div#training-submenu #tsetup_subsubmenu {
    left: -145px;
    width: 961px;
}
div#tools-submenu #tsetup_subsubmenu {
    left: -145px;
    width: 401px;
}
div#workflow-submenu #tsetup_subsubmenu {
    left: -145px;
    width: 401px;
}
.submenu_div #csetup-subsubmenu {
    width: 376px !important;
}
.submenu_div #cactivities-subsubmenu {
    width: 256px;
    left: -8px;
}
.submenu_div #csetup-subsubmenu {
    width: auto;
    left: -8px;
}
div#scout-submenu #setup-subsubmenu  {
    width: 1100px;
}

.perf-showing {
    color: #C8261F;
}

.errorlist, ul.errorlist, span.nothing {color:red; font-weight:bold}
.errorlist li, ul.errorlist li {margin: 0 5px!important; float:left!important}

table.errors{
    empty-cells:hide;
    font-size:14px;
    color:#D62F2F;
    background-color:#FABBCB;
    border: solid black 1px;
}
table.errors td {
    padding:5px 20px;
}

#messages {
    background-color:#D8D8D8;
    padding:5px;
    margin:10px;
    border-radius: 5px;
}

#messages div{
    padding:5px;
}

.attlabel{
    font-size:12px;
    width:98px;
    
    display:block;
}

.attdiv{
    margin: 15px 35px 0 0;
        width:98px;
        display: inline-table;
        height:auto;
}
#create-event  .attdiv input,
#create-event  .attdiv select{
 margin:0;   
}
.commentlabel{
    font-size:13px;
}
.commentdiv{
    margin: 15px 35px 0 0;
        width:350px;
        height:100px;
        display: inline-table;
}

#pool_form [type=text]{
    margin-left: 3px;
    margin-right: 3px;
}

.form_success{
    color:green;
}
#messages div.success{
    color:green;
    font-weight: bold;
}


.form_fail{
    color:red;
}

#linked_players_container{
    width:400px;
}

#linked_players_container li{
    display:inline;
}
#linked_players_container ul{
    display:inline;
    
}
#linked_players_header{
    
}

.disabled_link{
    color:grey;
}

#contact-log #subject{
 width:100%;

}
#contact-log input,#contact-log select,  #contact-log textarea{
     margin-bottom:5px;
}

.nowrap{
    white-space:nowrap;
}

.sortable-placeholder{
    height: 25px;
}

li.draggable{
    margin-bottom: 10px;
}

a.help{
    float: right;
    color: #00BB00;
    border-left: 1px solid #202020;
    padding-left: 6px;
    margin: 5px 0 0 6px;
}

#search-games{
    min-width: 225px;
}

/*#filters-games{
    float: right;
    width: 75%;
    margin-bottom: 10px;
}*/

#or{
    min-width: 72px;
    text-align: center;
}

.perf-player-tabletr img.note_buttons{
    max-height:14px;
}
div.ui-datepicker, ul.ui-autocomplete{
 font-size:12px;
}
.ui-widget {
    font-size:12px;
}
#tabs{
    font-size: 14px;
    
}

#create-event #pref_upload_add input,
#create-event #pref_upload_add select
{
    margin: 0px;
    
}

.player_detail_subheader{
    font-weight:900;
    text-decoration: underline;
    display:block;
}

.player_detail_column{
    display:inline-block;
    vertical-align:top;
    margin-right:10px;
}
#lastndiv input,#ep_table input[type="text"]{
    width:50px;
}
.red{
    color: #C8261F;
}

ul#scout-submenu-ul li a,ul#scouting-submenu-ul li a, ul.subsubmenu-ul li a, ul#training-submenu-ul li a{
    background: #DB4A39;
    padding: 9px 14px 9px 14px;
    top: 4px;
    left: -3px;
    color: white !important;
}
.submenu-button a{
    background: #DB4A39;
}
#account_tasks_button{
    
}
#notifications_container {
display:none;
float: right;
text-align: right;
padding: 10px 10px;
top: -25px;
position: relative;
}
#notifications_container ul li {
font-weight: 900;
padding:5px 10px;
}
#notifications_container ul li:hover {
background-color: #C44031;
cursor: pointer;
}
#notifications_container ul {
background-color: #DB4A39;
color: white;
}
#notifications_container:before
{
    content: "";
    width: 0em;
    height: 0em;
    border-right: 1.0em solid rgba(0, 0, 0, 0);
    border-top: 1.0em solid #DB4A39;
    position: relative;
    left: 12px;
    top: 27px;
}
.notification_active{
    color:#0000FF;
}
#account_tasks_button.notification_active{
    color:#0000FF;
}

#id_upcoming_portal{
overflow: auto;
resize: both;
min-width:350px !important;
}
span.field-handle {
min-width: 25px;
min-height: 25px;
display: inline-block;
background-image: url("i/handle_icon.png");
background-size: 24px;
vertical-align: top;
background-repeat: no-repeat;
}
#id_tabs{
    height:400px;
}
table.humanex_results td{
    padding: 5px;
    border: 1px solid black;
}
.humanex_results th {
font-weight: bold;
padding: 5px;
font-size: 120%;
}
.humanex_results td.humanex_long_description {
width: 57%;
}
.clickable{
    cursor: pointer;
}
span.ui-button-text{
    font: bold 13px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.clear-btn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25B4FF), color-stop(1, #0057BA)) !important;
    background: -moz-linear-gradient(top center, #25FF28 0%, #00BA09 100%) !important;
    border-color: #4394FF #006DD8 #005FCA !important;
    text-shadow: #000 0 1px 1px !important;
    color:white !important;
}