﻿.dummy_test
{
}
/*-------------- design spec ------------*/
html, body, select
{
  font-size: 12px;
  font-family: Arial, "Helvetica Neue" , Helvetica, sans-serif;
  line-height: 15px;
  letter-spacing: normal;
}

body, .body_bgcolor /*bgcolor for HTML was breaking IE8- rounded corners CSS .HTC hack */
{
  background-color: #FFF;
}

/* header and link styling */
h1
{
  font-size: 20px;
  line-height: 24px;
  font-weight: 100;
}
h2
{
  font-size: 16px;
  line-height: 19px;
}
h3
{
  font-size: 14px;
  line-height: 17px;
}
h4
{
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
}

A, A:LINK, A:ACTIVE, A:VISITED, A:FOCUS
{
  color: #0000FF;
  text-decoration: none;
}
A:HOVER
{
    color: #00FFFF;
    text-decoration: underline;
}
/* end of UI styleguide properties */

p
{
  padding: 5px 0 5px 0;
}

/*-------------- buttons ------------*/

.button:hover
{
  text-decoration: none;
}
.button:active
{
  position: relative;
  top: 1px;
}

.bigrounded
{
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.medium
{
  font-size: 12px;
  padding: .4em 1.5em .42em;
}
.small
{
  font-size: 11px;
  padding: .2em 1em .275em;
}


.orange
{
  color: #fef4e9;
  border: solid 1px #da7c0c;
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
}
.orange:hover
{
  background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}
.orange:active
{
  color: #fcd3a5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
}

/* though we have white buttons on mockups, let's make'em blue or at least emphasize */
.white
{
  color: #606060;
  border: solid 1px /*#b7b7b7*/ blue;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
}
.white:hover
{
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
}
.white:active
{
  color: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top,  #ededed,  #fff);
}
/**/

/*.white,*/
.blue
{
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top,  #00adee,  #0078a5);
}
/*.white:hover,*/
.blue:hover
{
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top,  #0095cc,  #00678e);
}
/*.white:active,*/
.blue:active
{
  color: #80bed6;
  background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  background: -moz-linear-gradient(top,  #0078a5,  #00adee);
}

/* ------------------ file upload ------------*/

div.fileinputs
{
  position: relative;
  margin-top: 4px;
}

div.fakefile
{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

input.file
{
  position: relative;
  text-align: right;
  -moz-opacity: 0;
  filter: alpha(opacity: 0);
  opacity: 0;
  z-index: 2;
}

/* ------------------ different ------------*/
.accountSettingsCont
{
  vertical-align: middle;
  text-align: center;
}

a img
{
  border: 0px none;
}

.maintenanceMessageContent
{
  margin-top: 15px;
  padding: 5px 5px 5px 5px;
  color: red;
  font-weight: bold;
  font-size: 12pt;
  border: 1px solid red;
  background-color: #FDD2FD;
}
