/* Thanks to: http://stackoverflow.com/questions/12964012/making-a-central-div-fill-the-rest-of-the-available-space */

body 
{
  color           : #000000;
  font-family     : "Roboto", verdana;
  font-weight     : 400;
  text-align      : left;
  font-size       : 1rem;
  line-height     : 1;
}

h1
{
  color           : #3B74BF;
  font-family     : "Roboto", verdana;
  font-weight     : 600;
  font-size       : 2.5rem;
  text-align      : left;
  margin          : 0;
  padding         : 0;
  line-height     : 1;
}

h2
{
  color           : #3B74BF;
  font-family     : "Roboto", verdana;
  font-weight     : 600;
  font-size       : 1.5rem;
//  font-size       : 2rem;
  text-align      : left;
  margin          : 0;
  padding         : 0;
  line-height     : 1;
}

h3
{
  color           : #3B74BF;
  font-family     : "Roboto", verdana;
  font-weight     : 600;
  text-align      : left;
  font-size       : 1.5rem;
  margin          : 0;
  padding         : 0;
  line-height     : 3;
}

h4
{
  color           : #3B74BF;
  font-family     : "Roboto", verdana;
  font-weight     : 500;
  text-align      : left;
  font-size       : 1.1rem;
  margin          : 0;
  padding         : 0;
  line-height     : 3;
}

table
{
  border          : 0;
}

td
{
  color           : #000000;
  font-family     : "Roboto", verdana;
  font-weight     : 400;
  text-align      : left;
  font-size       : 1rem;
  line-height     : 1;
  vertical-align  : top;
}

li
{
  color           : #000000;
  font-family     : "Roboto", verdana;
  font-weight     : 400;
  text-align      : left;
  font-size       : 1rem;
  line-height     : 1;
  vertical-align  : top;
}

/*=================*/
/* Division styles */
/*=================*/

div.header
{
    position: absolute;
    left    : 0px;
    top     : 0px;
    width   : 100%;
    height  : 110px;
    overflow: auto;
    background-color: white;
}

div.page
{
    position: absolute;
    left    : 0px;
    top     : 110px;
    width   : 100%;
    height  : calc(100% - 148px);
    overflow: auto;
}

/*=================*/

input[type=text].photos_ordernumber, input[type=text].photos_orderemail, input[type=text].photos_orderbankaccount
{
    background-color: white;
    border          : solid 1px #BFBDBD;
    color           : rgb(0, 0, 153);
    height          : 24px;
    padding-right   : 4px;
}

input[type=text].photos_ordernumber
{
    width           : 50px;
    text-align      : right;
}

input[type=text].photos_orderemail
{
    width           : 500px;
    text-align      : left;
}

input[type=text].photos_orderbankaccount
{
    width           : 200px;
    text-align      : left;
}

input[type=button].photos_orderbutton
{
    padding         : 3px;
    font-size       : 16px;
    font-family     : arial;
    font-weight     : bold;
    text-align      : left;
    background-color: rgb(25, 89, 186);
    color           : white;
/*    box-shadow: 1px 1px 0 rgb(0, 0, 153);*/
   border: 0;
    border-radius:5px;
box-shadow:2px 2px #6E6B6A;
}

input[type=submit].photos_orderbutton
{
    padding         : 3px;
    font-size       : 16px;
    font-family     : arial;
    font-weight     : bold;
    text-align      : left;
    background-color: rgb(25, 89, 186);
    color           : white;
/*    box-shadow: 1px 1px 0 rgb(0, 0, 153);*/
   border: 0;
    border-radius:5px;
box-shadow:2px 2px #6E6B6A;
}

input[type=text].photos_ordersubject
{
    width           : 100px;
    text-align      : left;
}

input[type=text].photos_ordercontent
{
    width           : 650px;
    text-align      : left;
}

h1.photos_photolist
{
  background-color: transparent;
  color           : rgb(0, 0, 153);
  font-size       : 32px;
  font-family     : arial;
  font-weight     : bold;
  text-align      : center;
}

h2.photos_photolist
{
  background-color: rgb(255, 255, 234);
  color           : red;
  font-size       : 22px;
  font-family     : arial;
  font-weight     : bold;
  text-align      : center;
}

h3.photos_photolist
{
  background-color: rgb(255, 255, 234);
  color           : rgb(0, 0, 153);
  font-size       : 22px;
  font-family     : arial;
  font-weight     : bold;
  text-align      : center;
}