/*
    Document   : webformer
    Created on : Sep 16, 2010, 10:35:33 AM
    Author     : misko
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}

body, td, button, input, select {
    font-size: 12px;
}

body {
    background-color: #112233;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0px;
}

a {
    color: blue;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.even {
    background-color: #28292C;
}

.paging-scroll-table {
}

.paging-scroll-table .headerTable {
}

.paging-scroll-table .headerTable tr td {
    background-color: green;
}

.gwt-PopupPanel {
    background-color: #112233;
    border: 5px solid #DAE8F3;
    padding: 8px;
    z-index: 2;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px 30px 30px 30px;
}

#loading-popup {
}

#info-msg-dialog {
}

.local-link {
    text-decoration: underline;
    cursor: pointer;
}

#loginView-container {

}

#loginView {
    background-color: #F4F9FF;
    margin: 150px auto 0px auto;
    height: 291px;
    width: 438px;
    font-family: Arial, Helvetica, sans-serif;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius: 15px 15px 15px 15px;
}

#loginView .login-header-box {
    background-color: #DAE8F3;
    font-size: 17px;
    font-weight: bold;
    padding: 4px 4px 4px 20px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

#loginView .login-box {
    margin-top: 90px;
}

#loginView .label {
    color: black;
}

#loginView .login-box .label {
    display: inline-block;
    margin: 0px 15px 0px 100px;
    width: 90px;
    text-align: right;
}

#loginView .header-label {
    display: block;
}

#loginView .textBox {
    margin: 0px 0px 6px 0px;
    width: 176px;
    height: 27px;
}

#loginView .button {
    height: 27px;
    float: right;
    margin-right: 53px;
}

#loginView .forgot-password {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 78px;
}

#mainPanelView {

}

#mainView {
    width: 100%;
}

#headerView {
}

#headerView .service-line {
    background-color: #99AABB;
    padding: 3px;
}

#headerView .service-line .local-link {
    display: inline-block;
    margin: 0 3px;
    font-size: 13px;
}

#headerView .service-line .inactive {
    color: gray;
    cursor: default;
}

#headerView .service-line .services {
    display: inline;
}

#headerView .service-line .logout-service {
    display: inline;
    float: right;
}

#headerView .service-line .rows-selector {
}

#headerView .service-line .summary-report-table {
    margin-left: 50px;
}

#headerView .service-line .detail-report-table {
    margin: 0 3px;
}

#headerView .service-line .mixed-report-table {
    margin: 0 3px;
}


#headerView .service-line .username {
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

#headerView .service-line .logout {
}

.reportForm {
    position: absolute;
    top: 27px;
    left: 387px;
    right: 4px;
    bottom: 6px;
}

#filterCreatorView {
    width: 370px;

    position: absolute;
    top: 115px;
    bottom: 42px;

    overflow-x: hidden;
    overflow-y: auto;

}

.filterCreatorView-subpanel {
}

/* Navigation View BEGIN ****************************************/

#filterView {
    background-color: #314253;
    padding: 4px;
    font-size: 12px;
    width: 370px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;

    position: absolute;
    top: 28px;
    left: 4px;
    bottom: 6px;
}

#filterView .filter-view-panel {
    color: #112233;
    background-color: #DAE8F3;
    margin: -5px -4px 5px -4px;
    padding: 5px 0px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#filterView .paramView {
    height: 21px;
    vertical-align: middle;
}

#filterView label {
    position: relative;
    top: -2px;
}

#filterView .label {
    display: inline-block;
    margin-left: 21px;
    width: 84px;
    line-height: 20px;
}

#filterView .valueLabel {
    width: 169px;
    text-align: left;
    vertical-align: middle;
}

#filterView .checkBox {
    display: inline-block;
    width: 175px;
}

#filterView .listBox {
    height: 20px;
    text-align: center;
    width: 70px;
}

#filterView .textBox {
    height: 18px;
    width: 79px;
    padding: 1px;
    text-align: center;
    font-size: 12px;
    position: relative;
    top: -2px;
}

#filterView .dateBox {
    width: 103px;
    height: 18px;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    position: relative;
    top: -2px;
}

/* Custom View properties BEGIN *********************************/

#filterView .getReportButton {
    width: 370px;
    height: 37px;
    position: absolute;
    bottom: 4px;
    left: 2px;
}

#filterView .selectFilterView .listBox {
    width: 184px;
    text-align: left;
    margin: 0 5px 0 0;
}

#filterView .selectFilterView .textBox {
    width: 63px;
}

#filterView .selectParamView .listBox {
    width: 169px;
}

#filterView .booleanParamView {
    display: inline-block;
    width: 50%;
}

#filterView .booleanParamView .checkBox {
    width: 100%;
}

#filterView .booleanParamView .checkBox label {
    width: 129px;
}

#filterView .domainParamView {

}

#filterView .domainParamView .valueLabel {
    width: 198px;
    white-space: nowrap;
    margin-left: 0;
}

#filterView .domainParamView .domainButton {
    width: 33px;
    height: 20px;
    vertical-align: middle;
    padding: 0px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom: 1;
}

#filterView .domainParamView .resetButton {
    width: 18px;
    height: 20px;
    vertical-align: middle;
    padding: 0px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    zoom: 1;
}

#filterView .multipleListBox {
    margin-bottom: 2px;
}

#filterView .multipleListBox .listBox {
    height: auto;
}

#filterView .multipleListBox .checkBox {
    vertical-align: top;
}

#filterView .selectAdvParamView {
    margin-bottom: 2px;
}

#filterView .multipleAdvListBox {
    margin-bottom: 2px;
}

#filterView .selectAdvParamView .listBox {
    width: 107px;
}

#filterView .multipleAdvListBox .listBox {
    height: auto;
    width: 139px;
}

#filterView .multipleAdvListBox .checkBox {
    vertical-align: top;
}

#filterView .selectAdvParamView .buttonBox {
    display: inline-block;

}

#filterView .multipleAdvListBox .buttonBox {
    display: inline-block;
    vertical-align: top;
}

#filterView .multipleAdvListBox .buttonBox .button {
    display: block;
    height: 22px;
    width: 24px;
}

#filterView .selectAdvParamView .buttonBox .getButton,
#filterView .selectAdvParamView .buttonBox .resetButton {
    height: 20px;
    width: 28px;
}

#filterView .multipleAdvListBox .buttonBox .getButton,
#filterView .multipleAdvListBox .buttonBox .resetButton {

}

#filterView .selectScopeParamView .listBox {
    width: 81px;
    margin: 0 6px 0 -1px;
}

#filterView .selectScopeParamView .textBox {
    width: 79px;
}

#filterView .singleParamView .textBox {
    width: 168px;
}

#filterView .selTreeParamView .valueLabel {
    width: 95px;
}

#filterView .selTreeParamView .treeButton {
    display: inline-block;
    width: 40px;
    height: 18px;
    padding: 0px;
    margin: 0px 5px 0 0px;
    position: relative;
    top: 3px;
}

#filterView .selTreeParamView .resetButton {
    display: inline-block;
    width: 23px;
    height: 18px;
    padding: 0px;
    position: relative;
    top: 3px;
}

#filterView .dateParamView label {
    display: inline-block;
    width: 1px;
    right: 1px;
}

#filterView .dateParamView .listBox {
    width: 45px;
    text-align: left;
}

#filterView .dateParamView .listBoxDateParam {
    width: 35px;
}

#filterView .dateParamView .dateBoxDateParam {
    width: 50px;
}

.domainDialogBox {

}

.domainDialogBox .tree {
    height: 400px;
    width: 250px;
    overflow: auto;
}

.domainDialogBox .button {
    margin: 2px;
    width: 46%;
}

.domainDialogBox .selectButton {
}

.domainDialogBox .closeButton {
    float: right;
}



        /* Custom View properties ENDS **********************************/

.selectAdvDialogBox {
}

.selectAdvDialogBox .selectParameter {
    width: 100%;
}

.selectAdvDialogBox .middleBlock {

}

.selectAdvDialogBox .aviableList,
.selectAdvDialogBox .selectedList {
    width: 180px;
}

.selectAdvDialogBox .buttonBlock {
    vertical-align: middle;
}

.selectAdvDialogBox .insertButton,
.selectAdvDialogBox .removeButton {
    display: block;
    width: 34px;
}

.selectAdvDialogBox .okButton,
.selectAdvDialogBox .cancelButton {
    width: 48%;
    margin: 2px 2px 3px 2px;
}

#filterView .leagueBox {
    display: inline-block;
}



#filterView .label-ListBox {
    display: inline-block;
    margin-left: 21px;
    width: 104px;
    line-height: 20px;
}

#filterView .timeList {

}

#filterView .reportList {

}

.subNavigationView .label {
    display: inline-block;
    margin-left: 21px;
    width: 104px;
}

#filterView .domainLabel {
    display: inline-block;
}

#filterView .domainFindButton {
    display: inline-block;
    width: 40px;
    padding: 0px;
    margin: 2px 5px 0 75px;
}

#filterView .domainResetButton {
    width: 23px;
    padding: 0px;
}

#filterView .leagueFindButton {
    display: inline-block;
    width: 40px;
    padding: 0px;
}

#filterView .leagueResetButton {
    width: 23px;
    padding: 0px;
}

#filterView .users {
    display: inline-block
}

#booleanParamView .checkBox input {
    vertical-align: top;
}

#filterView .checkBox label {
    position: relative;
    top: 0px;
    display: inline-block;
    width: 104px;
    height: 15px;
    overflow: hidden;
}

#filterView .checkBoxOnly {
    display: inline-block;
    width: 147px;
}

#filterView .checkBox-ListBox {
    vertical-align: top;
}

#filterView .reportTextBox {
    width: 46px;
    display: inline;
}

#filterView .tree {
    padding: 0px;
}

#filterView .treeItem {
    padding: 0px;
}

/* Navigation View END ******************************************/

.gwt-TreeItem {
    cursor: pointer;
}

.gwt-TreeItem-selected {
    cursor: pointer;
    background-color: olive;
}

/* SumReportView *************************************/

.report {
    color: #112233;
    background-color: #F4F9FF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

.report .title {
    background-color: #DAE8F3;
    font-size: 15px;
    padding: 3px 20px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.report .table {
}

#sumReportView {
    height: 100%;
}

#columnSelectorView {
}

#columnSelectorView .label {
    color: #112233;
    background-color: #DAE8F3;
    padding: 5px;
    margin: 0 0 5px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

#columnSelectorView .checkBox {
    display: block;
}

#columnSelectorView .container {
}

#columnSelectorView .checkBox input {
    vertical-align: middle;
}

#columnSelectorView .checkBox label {

}

#columnSelectorView .button {
    display: inline-block;
    overflow: hidden;
    font-size: 10px;
    white-space: nowrap;
}

#columnSelectorView .setButton {
    width: 50%;
    float: right;
}

#columnSelectorView .allButton {
    width: 23%;
}

#columnSelectorView .cancelButton {
    width: 23%;
}

#detailReportView {
    height: 100%;
}

.cell-table-panel {
    padding: 0 0 3px 3px;
    overflow: auto;
    position: absolute;
    top: 56px;
    bottom: 34px;
    left: 2px;
    right: 5px;
}

.cell-table-panel .foreground000000 {
    color: #000000;
}

.cell-table-panel .foregroundFFFFFF {
    color: #FFFFFF;
}

.cell-table-panel .foregroundFFC470 {
    color: #FFC470;
}

.cell-table-panel .foregroundFF7171 {
    color: #FF7171;
}

.cell-table-panel .foregroundFFFF80 {
    color: #FFFF80;
}

.cell-table-panel .foreground97FF97 {
    color: #97FF97;
}

.cell-table-panel .foreground95B795 {
    color: #95B795;
}

.cell-table-panel .foreground8080FF {
    color: #8080FF;
}

.cell-table-panel .foregroundABABFF {
    color: #ABABFF;
}

.cell-table-panel .background000000 {
    background-color: #000000;
}

.cell-table-panel .backgroundFFFFFF {
    background-color: #FFFFFF;
}

.cell-table-panel .backgroundFFC470 {
    background-color: #FFC470;
}

.cell-table-panel .backgroundFF7171 {
    background-color: #FF7171;
}

.cell-table-panel .backgroundFFFF80 {
    background-color: #FFFF80;
}

.cell-table-panel .background97FF97 {
    background-color: #97FF97;
}

.cell-table-panel .background95B795 {
    background-color: #95B795;
}

.cell-table-panel .background8080FF {
    background-color: #8080FF;
}

.cell-table-panel .backgroundABABFF {
    background-color: #ABABFF;
}

#pagerView {
    color: #112233;
    background-color: #B4D0F8;
    font-size: 17px;
    cursor: default;
    height: 22px;
    margin: 5px 20px 5px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

.pager-presenter-down {
    position: absolute;
    bottom: 2px;
}

#pagerView .clickable {
    cursor: pointer;
}

#pagerView .label {
    display: inline-block;
    margin: 3px 0 0 0;
}

#pagerView .rewind {
    padding: 0 0 0 5px;
}

#pagerView .prev {
    padding: 0 5px;
}

#pagerView .page-number {
    padding: 0 0 0 5px;
    position: relative;
    top: -1px;
}

#pagerView .page-count {
    position: relative;
    top: -1px;
}

#pagerView .next {
    padding: 0 5px;
}

#pagerView .forward {
    padding: 0 5px 0 0;
}

/* ticketView BEGIN */

.game-item-view {
}

.slip {
	position: relative;
	margin: 12px 9px 20px 12px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #2b2e30;
        /*background-color: #FFFFFF;*/
}

.slip .tabpane .row {
	height: 40px;
	background: #e6eaec;
	position: relative;
        color: #000000;
}

.slip .tabpane .winner {
        background-color: #ADFFAD;
}

.slip .tabpane .winner-even {
        background-color: #86FC86;
}

.slip .tabpane .loser {
        background-color: #FC8D8D;
}

.slip .tabpane .loser-even {
        background-color: #FF6C6C;
}

.slip .tabpane .even {
	background: #fff;
        background: #d0d5d7;
}

.slip .tabpane .row .plus-transfer {
        color: green;
}

.slip .tabpane .row .minus-transfer {
        color: red;
}

.slip .tabpane .payout {
        color: white;
}

.slip .tabpane .row .check-box {
    display: block;
    padding: 4px 45px 3px 8px;
    min-width: 205px;
    white-space: nowrap;
}

.slip .tabpane .row label input {
	vertical-align: middle;
}

.slip .tabpane .row label span {
	vertical-align: middle;
}

.slip .tabpane .row .info {
	display: block;
	position: absolute;
	left: 40px;
	bottom: 4px;
    font-size: 11px;
}

.slip .tabpane .row .selection {
	display: block;
	position: absolute;
	left: 180px;
	bottom: 4px;
    font-size: 11px;
}

.slip .tabpane .row .right {
	position: absolute;
	right: 4px;
	top: 7px;
	text-align: right;
}

.slip .tabpane .row .right button {
	width: 10px;
	height: 11px;
	margin-left: 4px;
	margin-top: 2px;
	background: url(images/slip.png) -36px -22px no-repeat;
	float: right;
}

.slip .tabpane .row .anchor {
    color: blue;
    cursor: pointer;
}

.slip .tabpane .row .right-side {
        position: absolute;
        top: 8px;
        right: 0px;
        margin-right: 4px;
        font-size: 11px;
}

.slip .tabpane  .row .right-side .price {
        margin-right: 4px;
        display: inline-block;
        font-size: 13px;
        font-size: 11px;
}

* html .slip .tabpane  .row .right-side .price {
        display: inline;
        font-size: 11px;
}

.slip .tabpane  .row .right-side .ou {
        display: block;
        margin-top: 3px;
        font-size: 11px;
}

.slip .tabpane .button {
    margin: 0 4px 0 0;
    width: 45px;
}

.popupPanel-ticket-check-view {

}

.popupPanel-ticket-check-view .payin-tree {
    left: 0;
}

.popupPanel-ticket-check-view .slip {
        margin: 0px;
}

.popupPanel-ticket-check-view input {
        visibility: hidden;
}

.history-label {
        color: white;
        font-size: 13px;
        font-weight: bold;
}

.history-label-winner{
        color: green;
}

.history-label-loser{
        color: red;
}

.history-label-open{
        color: white;
}

.payin-tree {
        position: relative;
        left: -8px;
        width: 276px;
}

/* ticketView Ends */

.helper-block {
    clear: both;
}

.gwt-DialogBox {
    border: solid 5px #CACACA;
    padding: 7px;
    background-color: #000000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px 15px 15px 15px;
}

/*** GWT Standard css ***/

.gwt-DatePicker {
        border: 1px solid #A2BBDD;
        cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
        outline: none
}

.datePickerDays {
        width: 100%;
        background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
        font-size: 75%;
        text-align: center;
        padding: 4px;
  outline: none;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
        background: #C3D9FF;
        padding: 0px 4px 2px;
        cursor: default;
}

.datePickerDay {
        padding: 4px;
        cursor: hand;
        cursor: pointer;
}

.datePickerDayIsToday {
        border: 1px solid black;
        padding: 3px;
}

.datePickerDayIsWeekend {
        background: #EEEEEE;
}

.datePickerDayIsFiller {
        color: #888888;
}

.datePickerDayIsValue {
        background: #aaccee;
}

.datePickerDayIsDisabled {
        color: #AAAAAA;
        font-style: italic;
}

.datePickerDayIsHighlighted {
        background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
        background: #bbddd9;
}

.datePickerMonthSelector {
        background: #C3D9FF;
        width: 100%;
}

td.datePickerMonth {
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        font-size: 70%;
        font-weight: bold;
        color: blue;
}

.datePickerPreviousButton,
.datePickerNextButton {
        font-size: 120%;
        line-height: 1em;
        color: blue;
        cursor: hand;
        cursor: pointer;
        padding: 0px 4px;
}

/*
body {
  padding: 10px;
}

*/

/*
 * ScrollTable
 */
.gwt-ScrollTable {
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

.gwt-ScrollTable .headerWrapper {
  background: #8bd url(../images/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .footerWrapper {
  border-top: 1px solid #aaa;
  background: #8bd url(../images/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .dataTable td,
.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
  border-color: #aaa;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  white-space: nowrap;
  overflow: hidden;
}

.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
  color: #fff;
}

.gwt-ScrollTable .dataTable tr.highlighted {
  background: #C3D9FF;
}

.gwt-ScrollTable .dataTable td.highlighted {
  background: #FFFFAA;
  cursor: hand;
  cursor: pointer;
}

.gwt-ScrollTable .dataTable tr.selected td {
  background: #7AA5D6;
}

.badGPA {
	background: #FFAAAA;
}
.goodGPA {
  background: #AAAAFF;
}
.greatGPA {
  background: #AAFFAA;
}

/**
 * Applied to the options at the bottom of the page.
 */
.gwt-PagingOptions {
  background: #e8eef7;
  border: 1px solid #aaa;
  border-top: none;
  color: #000000;
}

.gwt-PagingOptions .errorMessage {
	color: red;
}

.pagingOptionsFirstPage,
.pagingOptionsLastPage,
.pagingOptionsNextPage,
.pagingOptionsPrevPage {
  cursor: hand;
  cursor: pointer;
}

.gwt-InlineCellEditor {
  border: 3px solid #7AA5D6;
  padding: 4px;
  background: white;
  overflow: auto;
}
.gwt-InlineCellEditor .accept {
  cursor: hand;
  cursor: pointer;
}
.gwt-InlineCellEditor .cancel {
  cursor: hand;
  cursor: pointer;
  
}

/** Applied to AbstractOptions */
.AbstractOption-Label {
  font-weight: bold;
  text-align: right;
}


/* DatePicker css from GWT standard css file */
.datePickerWeekdayLabel {
    color: black;
}

.datePickerWeekendLabel {
    color: red;
}

.datePickerDay {
    color: black;
}

.datePickerDayIsWeekend {
    color: red;
}

.datePickerDayIsFiller {
    color: gray;
}

#player-check-view {

}

#player-check-view td {
    padding-left: 8px;
    padding-right: 8px;
}

#sumReportView .cell-table-panel {
    top: 29px;
    bottom: 4px;
}

.mixed-view #sumReportView {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 140px;
}

.mixed-view #detailReportView {
    position: absolute;
    top: 145px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 0 0 7px 0;
    height: auto;
}

#headerView .hlist-right {
    float: right;
    margin: 0 25px 0 0;
}

ul.hlist, ul.hlist li {
    display: inline;
    font-weight: normal;
    list-style-type: none;
    margin: 0 2px;
}

#headerView .hlist .flag-sr {
    background-image: url("images/flags/rs.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 10px;
    position: relative;
    top: 2px;
    width: 16px;
}
#headerView .hlist .flag-en {
    background-image: url("images/flags/gb.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 10px;
    position: relative;
    top: 2px;
    width: 16px;
}

#headerView .hlist .flag-es {
    background-image: url("images/flags/es.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 10px;
    position: relative;
    top: 2px;
    width: 16px;
}

.sub-domain *[role=treeitem] {
    color: lightskyblue;
}