/**
 * CSS Stylesheet for Basisgruppe NAWI Physik Song Selection Application
 * Created LG 02.12.16
 * First final version LG 04.01.17
 */


/***********************************************************************************/
/*************************** General, Background ***********************************/
/***********************************************************************************/

body
{
    background: #CCEEFF;
    --success-color: #7E7;
    --error-color: #F77;
}


/************************************************************************************/
/****************************** Dialogs etc *****************************************/
/************************************************************************************/

/****************************** Message Boxes ***************************************/
#msgbox
{
    font-family: Verdana, Geneva, sans-serif;
}

/****************************** Dialogs General **************************************/
.dialog
{
    background: #FFFFFF;
    border: 8px solid #23AAE1;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 28pt;
}

.dialog_title
{
    font-size: 36pt;
}

.dialog_button
{
    font-size: 28pt;
}
/***************************** Bug Report Dialog **************************************/
#text_bugreport
{
    border: 1px solid #23AAE1;
    background: #CCEEFF;
    font-size: 20pt;
}

/***************************** Add Song Dialog ***************************************/
#newsong table input
{
    background: #CCEEFF;
    font-size: 28pt;
}

/*************************************************************************************/
/*************************************** Menu ****************************************/
/*************************************************************************************/

#menu
{
    background: #FFFFFF;
}
#menu ul li
{
    background: #23AAE1;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 42pt;
    color: #FFFFFF;
}
#menu ul li:active
{
    background: #CCEEFF;
    color: #000000;
}

/*************************************************************************************/
/********************************* Search Bar ****************************************/
/*************************************************************************************/

#searchBarContainer
{
    background: #FFFFFF;
}
#searchBar
{
    background: #23AAE1;
}
#searchInput
{
    background: #23AAE1;
    color: #FFFFFF;
    font-size: 48pt;
}

/*************************************************************************************/
/**************************************** Header *************************************/
/*************************************************************************************/

#header
{
    border-bottom: 12px solid #0055FF;
    background: #23AAE1;/*linear-gradient( 0deg, #23AAE1, white 30%, white );*/
}

/************************************************************************************/
/************************************ Songs Table ***********************************/
/************************************************************************************/

.songTitle
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 36pt;
}

.songVoting
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 42pt;
}

.songInterpreter
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 28pt;
}
#songTable td
{
    border-bottom: 3px solid #0000CC;
}
#songTable tr
{
    border-left:  3px solid #0000CC;
    border-right:  3px solid #0000CC;
}

/******************************************************************************************/
/************************************* current Song ***************************************/
/******************************************************************************************/

#currentTitle, #nextTitle
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20pt;
}

#currentSongTitle
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 56pt;
}

#currentSongInterpreter
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 48pt;
}

#progressBar
{
    border: 2px solid #0000CC;
    background: #CCCCCC;
    border-radius: 5px;
}
#progressBarInner
{
    background: linear-gradient( 180deg, #23AAE1,#0055FF );
    border-radius: 3px;
}