/* 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; }