/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ General Styles                                             ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
body {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif; /* Sans fonts */
  font-size: 13px;
  line-height: 1.35; /* Between 1.2 and 1.45 looks about right */
  font-weight: normal;
  color: #333333;
  background: #ffffff url('../img/background.png');
}


/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Paragraphs and Headers                                     ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
p {
  font-size: 13px;
}
h1 {
  font-size: 26px;
  color: #df2248;
}
h2 {
  font-size: 20px;
  color: #df2248;
}
h3 {
  font-size: 15px;
  color: #df2248;
}
h4 {
  font-size: 13px;
  color: #df2248;
}
h5 {
  font-size: 10px;
  color: #df2248;
}
h6 {
  font-size: 8px;
  color: #df2248;
}


/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Hyperlinks                                                 ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
a {
  color: #1c86c7;
}
a:link{
  color: #1c86c7;
  text-decoration: none;
}
a:visited{
  color: #1c86c7;
  text-decoration: none;
}
a:hover{
  color: #1c86c7;
  text-decoration: underline;
}
a:active{
  color: #1c86c7;
  text-decoration: underline;
}


/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Table Layout                                               ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
.table {
  display: table;
}
.row {
  display: table-row;
}
.cell {
  display: table-cell;
  vertical-align: top;
}


/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Text Formatting                                            ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.normal {
  font-weight: normal;
}
.bold, strong {
  font-weight: bold;
}
.italic, em {
  font-style: italic;
}
.underline, u {
  text-decoration: underline;
}
.strike, s {
  text-decoration: line-through;
}

/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Horizontal Rule                                            ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/
hr {
  border-top: 1px dotted #b2b2b2;
}


/*┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓*/
/*┃ Form Elements                                              ┃*/
/*┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛*/

/* General input styles */
input {
  font-size: 13px !important;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  border-radius: 4px;
  border: 1px solid #cdcdcd;
  background: #ffffff;
  width: 200px;
  height: 28px;
  line-height: 28px;
  color: #333333;
  padding: 0 8px;
}
input:focus {
  border: 1px solid #616c7b;
}
label{
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  font-size: 13px;
  color: #333333;
  text-align: right;
  padding-right: 5px;
  white-space: nowrap;
  display: inline-block;
  width: 100px;
}

/* Text */
input[type="text"] {
}
input[type="text"]:focus {
}
label.textLabel{
}

/* Password */
input[type="password"] {
}
input[type="password"]:focus {
}
label.passwordLabel {
}

/* Number */
input[type="number"] {
  padding: 0 5px 0 10px;
  width: 50px;
}
input[type="number"]:focus {
}
label.numberLabel {
}

/* Checkbox */
input[type="checkbox"] {
  width: 13px;
  height: 13px;
  cursor: pointer;
  vertical-align: middle;
  margin: 0px 4px 3px 0px;
}
label.checkboxLabel {
}

/* Radio Button */
input[type="radio"] {
  width: 13px;
  height: 13px;
  cursor: pointer;
  vertical-align: middle;
  margin: 0px 4px 3px 0px;
}
label.radioLabel {
}

/* Image */
input[type="image"] {
}
label.radioLabel {
}

/* File */
input[type="file"] {
  cursor: pointer;
  border: 0;
}
label.fileLabel {
}

/* Textarea */
textarea {  
  font-size: 13px !important;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  border-radius: 4px;
  border: 1px solid #cdcdcd;
  background: #ffffff;
  width: 400px;
  height: 200px;
  line-height: 16px;
  padding: 5px;
  color: #333333;
  vertical-align: text-top;
  margin: -3px 0 0 0;
}
textarea:focus {
  border: 1px solid #616c7b;
}
label.textareaLabel {
}

/* Buttons */
button {
  font-size: 12px !important;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  color: #444444;
  background: #f6f6f6;
  border-radius: 4px;
  border: 1px solid #cdcdcd;
  font-weight: bold;
  padding: 4px 15px;
}
button:hover {
  color: #222222;
  border: 1px solid #616c7b;
  cursor: pointer;
}
button[disabled] {
  color: #888888;
  border: 1px solid #cdcdcd;
  cursor: not-allowed;
}

/* Button Colors */
button.red {
  background: #ca3c3c;
  color: #ffffff;
}
button.green {
  background: #46ae12;
  color: #ffffff;
}
button.blue {
	background: #1275ae;
  color: #ffffff;
}
button.red3d {
	background: #ca3c3c; /* Old browsers */
  background: linear-gradient(0deg, #690b0b 0%, #ae1212 50%, #dc1717 51%, #db1616 78%, #f49898 100%);
  color: #ffffff;
}
button.green3d {
	background: #46ae12; /* Old browsers */
  background: linear-gradient(0deg, #2a690b 0%, #46ae12 50%, #59dc17 51%, #57d816 78%, #b7f498 100%);
  color: #ffffff;
}
button.blue3d {
	background: #1275ae; /* Old browsers */
  background: linear-gradient(0deg, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  color: #ffffff;
}
button.grey3d {
	background: #f6f6f6; /* Old browsers */
  background: linear-gradient(0deg, #f1f1f1 0%, #e6e6e6 50%, #eeeeee 51%);
  color: #444444;
}

/* Select */
select {
  font-size: 13px !important;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  min-width: 202px;
  width: 321px;
  padding-right: 10px;
}
label.selectLabel {
}