/* CHANGE SOME OF THE BLUEPRINT DEFAULTS */
html, body {
margin: 0px;
padding: 0px;
font-size: 14px;
color: #333;
background: #2F323C;
font-family: "Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif;
}
.container {
background: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
color: #222;
}
h1 {
font-size:36px;
line-height:42px;
margin: 18px 6px 6px 6px;
}
h2 {
font-size:30px;
line-height:36px;
margin: 16px 6px 6px 6px;
}
h3 {
font-size:24px;
line-height:30px;
margin: 12px 6px 6px 6px;
}
h4 {
font-size:20px;
line-height:24px;
margin: 8px 6px 6px 6px;
}
h5 {
font-size:18px;
line-height:22px;
margin: 8px 6px 6px 6px;
}
h6 {
font-size:16px;
line-height:20px;
margin: 8px 6px 6px 6px;
}
p {
color: #444;
font-size:14px;
line-height:20px;
margin: 6px;
}
li {
color: #444;
font-size:14px;
line-height:20px;
margin: 6px;
}
hr {margin:0 0 2px;}
textarea {height:60px;padding:5px;}
/* DIV LOCATIONS */
.float-left {float:left;}
.float-right { float:right;}
/* TEST SIZES */
.megatext {font-size: 2.0em;}
.largetext {font-size: 1.5em;}
.midtext {font-size: 1.2em;}
.smalltext {font-size: 0.9em;}
.tinytext {font-size: 0.8em;}
/* SIMPLE COLOR SELECTION */
.warning, a.warning, a:visited.warning, .warning a {color: #9F0000}
.boldblack, a.boldblack, a:visited.boldblack, .boldblack a {color: #000; font-weight: 700}
.black, a.black, a:visited.black, .black a {color: #000}
.white, a.white, a:visited.white, .white a{color: #fff;}
.grey, a.grey, a:visited.grey, .grey a {color: #696969}
.red, a.red, a:visited.red, .red a{color: #b43838}
.dkred, a.dkred, a:visited.dkred, .dkred a{color: #5c2a0d}
.blue, a.blue, a:visited.blue, .blue a{color: #244A9F}
.lightblue, a.lightblue, a:visited.lightblue, .lightblue a{color: #cce3f4;}
.green, a.green, a:visited.green, .green a{color: #92b83c}
.dkgreen, a.dkgreen, a:visited.dkgreen, .dkgreen a{color: #218868}
.brown, a.brown, a:visited.brown, .brown a{color: #a8a388}
.no-top {border-top:0px solid #fff!important;}
.no-bottom {border-bottom:0px solid #fff!important;}
.no-margin {margin: 0!important;}
a.no-line, .no-line a {text-decoration:none;}
.prepend-top { margin-top:0.75em;}
.top-1 { padding-top: 1px; }
.top-2 { padding-top: 2px; }
.top-5 { padding-top: 5px; }
.top-10 { padding-top: 10px; }
.top-15 { padding-top: 15px; }
.top-20 { padding-top: 20px; }
.top-50 { padding-top: 50px; }
.top-100 { padding-top: 100px; }
.left-5 { padding-left: 5px; }
.left-10 { padding-left: 10px; }
.left-15 { padding-left: 15px; }
.left-20 { padding-left: 20px; }
.left-50 { padding-left: 50px; }
.left-100 { padding-left: 100px; }
.right-5 { padding-right: 5px; }
.right-10 { padding-right: 10px; }
.right-15 { padding-right: 15px; }
.right-20 { padding-right: 20px; }
.right-50 { padding-right: 50px; }
.right-100 { padding-right: 100px; }
.bottom-5 { padding-bottom: 5px; }
.bottom-10 { padding-bottom: 10px; }
.bottom-15 { padding-bottom: 15px; }
.bottom-20 { padding-bottom: 20px; }
.bottom-50 { padding-bottom: 50px; }
.bottom-100{ padding-bottom: 100px; }
/* BOXES */
.re-whitebox{
border-top: 1px solid #b5b5b5;
border-left: 1px solid #b5b5b5;
border-right: 1px solid #b5b5b5;
border-bottom: 1px solid #b5b5b5;
background: #FFFFFF url("./images/re_view_box/whitebox.jpg") no-repeat top left;
height: 1%
}
html>body .re-whitebox {
height: auto;
}
.re-whitebox-content{
margin-top: 0px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 15px;
padding: 5px 0 0 0;
text-align: left;
}
.re-shadowbox-outer{
padding-bottom: 12px;
background: #FFFFFF url("./images/re_view_box/shadowbox.png") no-repeat bottom left;
}
.re-shadowbox-inner{
border-right: 1px solid #ccc;
background-color: #FDF8B3;
padding: 5px 15px 5px 15px;
}
.re-bluebox-header {
color: #fff;
background: #5b93ba;
border: 1px #335871 solid;
padding: 2px;
margin: 0;
}
.re-bluebox {
border: 1px #4983a5 solid;
padding: 2px;
margin: 0;
}
.re-greenbox-header {
color: #fff;
background: #92b83c;
border: 1px #92b83c solid;
padding: 2px;
margin: 0;
}
.re-greenbox {
border: 1px #92b83c solid;
padding: 2px;
margin: 0;
}
.re-redbox-header {
color: #fff;
background: #b43838;
border: 1px #7c1e1e solid;
padding: 2px;
margin: 0;
}
.re-redbox {
border: 1px #7c1e1e solid;
padding: 2px;
margin: 0;
}
.re-dkgreenbox-header {
color: #fff;
background: #218868;
border: 1px #548B54 solid;
padding: 2px;
margin: 0;
}
.re-dkgreenbox {
border: 1px #548B54 solid;
padding: 2px;
margin: 0;
}
.re-brownbox-header {
background: #a8a388;
border-top: 1px solid #989377;
border-right: 1px solid #989377;
border-left: 1px solid #989377;
padding: 2px;
margin: 0;
}
.re-brownbox {
background: #ece9da;
border: 1px #d5d1ba solid;
padding: 2px;
margin: 0;
}
.re-yellowbox-header {
background: #f3f1b1;
border: 1px solid #f3f1b1;
padding: 2px;
margin: 0;
}
.re-yellowbox{
background: #fffef0;
border: 1px #f3f1b1 solid;
padding: 2px;
margin: 0;
}
.re-infobox {
font-size: 13px;
line-height: 16px;
padding: 5px 3px;
margin: 0 2px 0 15px;
border: solid #ddd 5px;
}
/* @group BREADCRUMBS */
.re-breadcrumbs {
margin:0 0 5px 0;
padding:0 10px;
height:35px;
line-height:35px;
border-bottom:2px solid #ddd;
color: #222;
}
.re-breadcrumbs a {
float:left;
height:35px;
color: #222;
font-size: 18px;
text-decoration: none;
}
.re-breadcrumbs a:hover {
text-decoration: underline;
}
.re-breadcrumbs em {
float:left;
height:35px;
font-weight: normal;
font-size: 18px;
}
.re-breadcrumbs span {
float:left;
}
.re-breadcrumbs span.re-breadcrumbs-seperator {
background:url(./images/re_view_navigate/breadcrumb.png) no-repeat 5px center;
float:left;
overflow:hidden;
height:35px;
padding:0 0 0 20px;
width:0px;
filter:alpha(opacity=90);
opacity:0.9;
}
.re-breadcrumbs .re-breadcrumb-right {
float:right;
margin:0;
padding:0px;
text-align:left;
}
/* TABLES */
table{
margin:0;
padding:0;
}
table td h2,
table td h3,
table td h4,
table td h5,
table td h6{
padding: 0;
margin: 0;
}
table.data {
border-collapse:collapse;
empty-cells:show;
margin-bottom:0;
width:100%;
}
table.data th, table.data td {
border:solid 1px #ccc;
padding: 4px 3px 4px 3px;
}
table.data th {
background-color: #D3E3B6;
font-weight:bold;
text-align:left;
}
table.data th.text-right,
table.data td.text-right {
text-align:right;
}
table.data td {
background-color:#fff;
}
table.data tr.odd td {
background-color:#f2f2e5;
}
table.data td.highlight {
border:2px solid #E8DC24;
font-weight: bold;
}
table.data tr.border-top td, table.data tr.border-top th {
border-top: 2px solid #696969;
}
table.data tr.border-bottom td, table.data tr.border-bottom th {
border-bottom:2px solid #696969
}
table.data td.no-border {
background-color: #fff;
border:none;
}
table.data td.no-border-top, table.data th.no-border-top {
border-top:none;
}
table.data td.no-border-bottom, table.data th.no-border-bottom {
border-bottom:none;
}
table.data td.no-border-left, table.data th.no-border-left {
border-left:none;
}
table.data td.no-border-right, table.data th.no-border-right {
border-right:none;
}
table.data-alternative {
border-collapse:collapse;
empty-cells:show;
margin-bottom:0;
width:100%;
}
table.data-alternative th, table.data-alternative td {
border:solid 1px #dedede;;
padding: 4px 3px 4px 3px;
}
table.data-alternative th {
background-color: #f2f2e5;
font-weight:bold;
}
table.data-alternative td {
background-color:#fff;
}
table.data-alternative tr.odd td {
background-color:#F1F1F1;
}
table.data-alternative td.highlight {
border:2px solid #E8DC24;
font-weight: bold;
}
table.data-alternative tr.border-top td, table.data-alternative tr.border-top th {
border-top: 2px solid #696969;
}
table.data-alternative tr.border-bottom td, table.data-alternative tr.border-bottom th {
border-bottom:2px solid #696969
}
table.data-alternative td.no-border {
background-color: #fff;
border:none;
}
table.data-alternative td.no-border-top, table.data-alternative th.no-border-top {
border-top:none;
}
table.data-alternative td.no-border-bottom, table.data-alternative th.no-border-bottom {
border-bottom:none;
}
table.data-alternative td.no-border-left, table.data-alternative th.no-border-left {
border-left:none;
}
table.data-alternative td.no-border-right, table.data-alternative th.no-border-right {
border-right:none;
}
table.data-line {
border-collapse:collapse;
empty-cells:show;
margin-bottom:0;
width:100%;
}
table.data-line td {
border-bottom:solid 1px #ccc;
padding: 4px 3px 4px 3px;
}
table.data-line td {
background-color:#fff;
}
table.data-line tr.odd td {
background-color:#f2f2e5;
}
/* FORMS */
.re-form-field {
margin: 0;
padding: 0;
border-bottom: 1px solid #EEE;
}
.re-form-label, .re-form-label-error{
color: #305267;
font-size: 14px;
margin-top: 6px;
}
.re-form-label-error{
color:#933;
}
.re-form-label .re-form-required,
.re-form-label-error .re-form-required {
padding-left: 3px;
color:#933;
}
.re-form-data, .re-form-data-error{
color: #305267;
font-size: 14px;
margin: 0;
padding: 0;
}
.re-form-data-error{
color:#933;
}
.re-form-data .form-hint,
.re-form-data-error .form-hint
{
display:inline-block;
font-size: 12px;
color: #305267;
padding: 3px 5px 0 5px;
}
.re-form-data .form-text{
display:inline-block;
font-size: 16px;
line-height: 20px;
color: #222;
padding: 6px 5px 0 5px;
}
.re-form-data .form-error-message,
.re-form-data-error .form-error-message {
display:inline-block;
font-size: 12px;
color:#933;
padding: 3px 5px 0 5px;
}
.re-form-disabled{
color: #CCC;
}
/* overwrite bliueprint */
input[type=text], input[type=password], textarea, select {margin:4px 0 4px 0;padding:2px 3px;}
input[type=text], input[type=password], textarea, select {background-color:#fff; border:1px solid #bbb;}
label{
font-weight: normal;
}
input{
display:block;
float: left;
font-size: 14px;
}
textarea{
/* font-family: "Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif;*/
display:block;
float: left;
font-size: 14px;
}
select{
display:block;
float: left;
font-size: 14px;
}
.re-form-field-checkbox input[type=checkbox]{
display:block;
float:left;
}
.re-form-field-checkbox .form-text{
margin-top: 0px;
padding-top: 4px;
}
.re-form-field-checkbox .form-text .re-form-label,
.re-form-field-checkbox .form-text .re-form-label-error{
margin-top: 0px;
}
.fieldWithErrors{/* Override the Rails Field Error*/
display:block;
float: left;
color: #933;
font-size: 14px;
}
.fieldWithErrors input, .fieldWithErrors textarea,
.re-form-data-error input, .re-form-data-error textarea,
.form-text-error input, .form-text-error textarea
{
border-bottom:1px solid #933;
border-right:1px solid #933;
}
.re-form-disabled .re-form-required,
.re-form-disabled label,
.re-form-disabled .fieldWithErrors,
.re-form-disabled .formError
{
color: #CCC;
}
/* generated from src/re_view_error.css */
.error, .notice, .success {
font-size:16px;
margin-bottom: 5px;
padding: 5px 15px;
}
a.re-alert-close {
float: right;
text-decoration: none;
background: url('./images/re_view_error/re-alert-close.png') no-repeat 2px 2px;
height: 20px;
padding-left: 24px;
}
a.re-alert-close:hover {
/* color: #000;*/
color: #222;
text-decoration: underline;
}
.re-error {
background-color: #fcc;
/* margin: 10px 3px 5px 3px;*/
padding: 0;
text-align: left;
border: solid 1px #f66;
}
.re-error p {
background: #fcc;
color: #111;
font-size: 14px;
padding: 2px 5px;
margin: 5px 0px 5px 0px;
}
/* generated from src/re_view_button.css */
div.re-form-button {
display: block;
float: right;
margin-top: 4px;
margin-bottom: 1px;
}
a.re-form-button-gray,
a.re-form-button-blue,
a.re-form-button-green,
a.re-form-button-orange,
a.re-form-button-red
{
display: block;
font-size: 14px; /* Change 13px as desired */
font-weight: bold;
letter-spacing: -0.25px;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
padding-right: 0px;
margin-left: 5px;
text-decoration: none;
text-align: center;
/* margin-bottom: 5px;*/
}
a:link.re-form-button-gray, a:visited.re-form-button-gray, a:active.re-form-button-gray,
a:link.re-form-button-blue, a:visited.re-form-button-blue, a:active.re-form-button-blue,
a:link.re-form-button-green, a:visited.re-form-button-green, a:active.re-form-button-green,
a:link.re-form-button-orange, a:visited.re-form-button-orange, a:active.re-form-button-orange,
a:link.re-form-button-red, a:visited.re-form-button-red, a:active.re-form-button-red
{
color: #494949; /*button text color*/
}
a.re-form-button-gray span,
a.re-form-button-blue span,
a.re-form-button-green span,
a.re-form-button-orange span,
a.re-form-button-red span
{
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
a.re-form-button-gray:hover,
a.re-form-button-blue:hover,
a.re-form-button-green:hover,
a.re-form-button-orange:hover,
a.re-form-button-red:hover
{ /* Hover state CSS */
background-position: bottom left;
}
a.re-form-button-gray:hover span,
a.re-form-button-blue:hover span,
a.re-form-button-green:hover span,
a.re-form-button-orange:hover span,
a.re-form-button-red:hover span
{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
a.re-form-button-gray{ background: transparent url('./images/re_view_button/oval-gray-left.gif') no-repeat top left;}
a.re-form-button-blue{ background: transparent url('./images/re_view_button/oval-blue-left.gif') no-repeat top left;}
a.re-form-button-green{ background: transparent url('./images/re_view_button/oval-green-left.gif') no-repeat top left;}
a.re-form-button-orange{ background: transparent url('./images/re_view_button/oval-orange-left.gif') no-repeat top left;}
a.re-form-button-red{ background: transparent url('./images/re_view_button/oval-red-left.gif') no-repeat top left;}
a.re-form-button-gray span{ background: transparent url('./images/re_view_button/oval-gray-right.gif') no-repeat top right;}
a.re-form-button-blue span{ background: transparent url('./images/re_view_button/oval-blue-right.gif') no-repeat top right;}
a.re-form-button-green span{ background: transparent url('./images/re_view_button/oval-green-right.gif') no-repeat top right;}
a.re-form-button-orange span{ background: transparent url('./images/re_view_button/oval-orange-right.gif') no-repeat top right;}
a.re-form-button-red span{ background: transparent url('./images/re_view_button/oval-red-right.gif') no-repeat top right;}
a.re-button-add{
background: transparent url('./images/re_view_button/list-add.png') no-repeat top left;
/* border: 1px solid #fff;*/
width: 16px;
height: 16px;
float: left;
padding: 0;
margin:0px 7px 0 0;
font-size: 0px;
color: #fff;
}
a.re-button-add:hover { background-color: #696969; }
a.re-button-remove{
background: transparent url('./images/re_view_button/list-remove.png') no-repeat top left;
/* border: 1px solid #fff;*/
width: 16px;
height: 16px;
float: left;
padding: 0;
margin:0px 2px 0 0;
font-size: 0px;
color: #fff;
}
a.re-button-remove:hover { background-color: #696969; }
a.re-button-select{
background: transparent url('./images/re_view_button/list-select.png') no-repeat top left;
/* border: 1px solid #fff;*/
width: 16px;
height: 16px;
float: left;
padding: 0;
margin:0px 7px 0 0;
font-size: 0px;
color: #fff;
}
a.re-button-select:hover { background-color: #696969; }
a.re-button-checked{
background: transparent url('./images/re_view_button/checked-on.gif') no-repeat top left;
/* border: 1px solid #fff;*/
width: 16px;
height: 16px;
float: left;
padding: 0;
margin: 0px 4px 0 0;
font-size: 0px;
color: #fff;
}
a.re-button-checked:hover { background-color: #696969; }
a.re-button-unchecked{
background: transparent url('./images/re_view_button/checked-off.gif') no-repeat top left;
/* border: 1px solid #fff;*/
width: 16px;
height: 16px;
float: left;
padding: 0;
margin: 0px 4px 0 0;
font-size: 0px;
color: #fff;
}
a.re-button-unchecked:hover { background-color: #696969; }
a.re-add-link {
display: block;
background: url(./images/re_view_button/icon-add.png) left 2px no-repeat;
text-decoration: none;
font-weight: normal;
padding: 0 0 2px 24px;
margin: 0;
}
a.re-remove-link {
display: block;
background: url(./images/re_view_button/icon-delete.png) top left no-repeat;
text-decoration: none;
font-weight: normal;
padding: 2px 0 2px 24px;
margin: 0;
}