body {
margin: 0px;
padding: 0px;
font-size: 12px;
font-family: arial;
color: black;
background-color: white;
-webkit-text-size-adjust: none;
}

.hidden {
display: none;
}


#page {
color: black;
background-color: white;
}

#header_caption {
margin-left: 5px;
line-height: 25px;
font-size: 18px;
}

#header_user {
margin-right: 5px;
line-height: 25px;
}

#header {
height: 25px;
color: white;
background-color: black;
}

#content {
color: black;
background-color: white;
overflow-x: hidden;
overflow-y: scroll;
}

#footer {
color: black;
background-color: lightgrey;
}

#login_error {
font-weight: bold;
display: none;
text-align: center;
color: red;
background-color: #ffdddd;
border: 2px solid red;
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div.button_green {
text-align: center;
cursor: pointer;
font-weight: bold;
color: white;
background-color: rgb(0,144,0);
border: 2px solid rgb(0,244,0);
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div.button_green:hover {
color: white;
background-color: rgb(51,255,51);
border: 2px solid rgb(0,240,0);
}

div.event_list_item_area {
background-color: white;
border: 1px solid blue;
margin-bottom: 5px;
}

div.event_list_item {
cursor: pointer;
width: 100%;
}


div.event_list_item:hover {
background-color: rgb(231,231,255);
}


div.team {
text-align: center;
width: 5em;
padding: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #eee;
}


div.team_selected {
text-align: center;
width: 5em;
padding: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid rgb(0,153,255);
}


div.user_btn {
border: 1px solid black;
}

div.user_btn_big {
border: 1px solid black;
height: 40px;
font-size: 40px;
background-color: #ddddff;
}

span.deleted_goal {
color: grey;
text-decoration: line-through;
}

div.account {
cursor: pointer;
}

div.box {
text-align: center;
cursor: pointer;
font-weight: bold;
color: white;
background-color: rgba(0,0,0, 0.50);
border: 2px solid rgba(255,255,255, 0.20);
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

span.error {
color: red;
}

span.message {
color: green;
}

div.shadow {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
}

.ui-effects-transfer {
background-color: red;
}


#menu_items {
cursor: pointer;
font-weight: bold;
color: white;
background-color: rgba(120,120,120, 0.50);
border: 2px solid rgba(155,155,155, 0.20);
padding: 4px;
display: none;
z-index: 1001;
position: relative;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}


.menu_item {
margin-top: 1px;
margin-left: 1px;
margin-right: 1px;
cursor: pointer;
color: black;
background-color: rgb( 200, 200, 200 );
padding: 3px;
}

.menu_item:hover {
color: black;
background-color: rgb( 230, 230, 230 );
}


.tdhead {
cursor: pointer;
color: #888888;
}

.tdhead:hover {
color: #ffffff;
background-color: #666666;
}

.selected_col {
color: #ffffff;
}


div.game{
width: 400px; 
margin-top: 20px; 
margin-left: auto; 
margin-right: auto; 
padding-bottom: 5px;  
background-color: rgba( 200,200,200, 0.1 );
}


div.canceled {
float: left;
margin-left: 10px;
color: red;
background-color: rgb( 255, 200, 200 );
padding: 2px;
border: 2px solid red;
}

.saving_goal {
background-color: rgb( 200, 255, 200 ) !important;
}