Showing source for: https://l1.prodbx.com/
Duration: 0.685509s
Server: Apache
<html>
<head>
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400&family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
html, body {
margin : 0;
padding : 0;
}
.header-error {
border-bottom-color : #C00;
border-bottom-style : dotted;
border-bottom-width : 3px;
width : 100%;
color : #FFF;
background-color : #F33;
display : inline-block;
font-family : "Work Sans", sans-serif;
padding : 10px;
}
.searchform-old {
display : inline-block;
zoom : 1; /* ie7 hack for display:inline-block */
*
display : inline;
/* border: solid 1px #d2d2d2; */
/*
padding: 3px 5px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
box-shadow: 0 1px 0px rgba(0,0,0,.1);
background: #f1f1f1;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));adddefaultchar
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
/* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform-old input {
font : normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform-old .searchfield-old {
background : #fff;
padding : 3px 3px 3px 4px;
border : solid 1px #bcbbbb;
outline : none;
color : #555;
/*
-webkit-border-top-left-radius: 2em;
-moz-border-top-left-radius: 2em;
border-top-left-radius: 2em;
-webkit-border-bottom-left-radius: 2em;
-moz-border-bottom-left-radius: 2em;
border-bottom-left-radius: 2em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
*/
}
.searchform-old .searchbutton-old {
color : #fff;
cursor : hand;
cursor : pointer;
border : solid 1px #494949;
font-size : 11px;
height : 22px;
width : 22px;
text-shadow : 0 1px 1px rgba(0,0,0,.6);
/*
-webkit-border-top-right-radius: 2em;
-moz-border-top-right-radius: 2em;
border-top-right-radius: 2em;
-webkit-border-bottom-right-radius: 2em;
-moz-border-bottom-right-radius: 2em;
border-bottom-right-radius: 2em;
-webkit-box-shadow: 0 0 6px #aabdcd;
-moz-box-shadow: 0 0 6px #aabdcd;
box-shadow: 0 0 6px #aabdcd;
text-shadow: 0 1px 4px rgba(0,0,0,.6);
/* fallback */
background-repeat : repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d2dbe3), to(#008ed6)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #008ed6, #d2dbe3); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #008ed6, #d2dbe3); /* IE 10 */
background : -ms-linear-gradient(top, #008ed6, #d2dbe3); /* Opera 11.10+ */
background : -o-linear-gradient(top, #008ed6, #d2dbe3);
background-color : #008ed6;
}
.popup-alert-msg {
font-family : "Work Sans", sans-serif;
font-size : 14px;
color : #FFFFFF;
background-color : #FF0004;
border-radius : 4px;
padding : 2px 6px 2px 6px;
opacity : 0.8;
}
.text {
font-family : "Work Sans", sans-serif;
font-size : 12px;
}
.text-bold {
font-family : "Work Sans", sans-serif font-size: 15px;
font-weight : bold;
color : #777;
text-decoration : none;
}
.text-white {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #FFFFFF;
text-decoration : none;
}
.text-white-10 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #FFFFFF;
text-decoration : none;
}
.text-link-10 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #FFFFFF;
text-decoration : none;
}
.header-link {
font-family : "Work Sans", sans-serif;
font-size : 15px;
font-weight : bold;
color : #008ed6;
text-decoration : none;
}
.text-red {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #9a2727;
}
.green10, .green12 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #339900;
}
.green12 {
font-size : 12px;
}
.green10bold {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #339900;
font-weight : bold;
}
.red10, .red16, .red12, .red10bold {
font-family : "Work Sans", sans-serif;
font-size : 10px;
/*color: #9a2727;*/
color : #F00;
}
.red10bold {
font-weight : bold;
}
.red16 {
font-size : 25px;
}
.red12 {
font-size : 12px;
}
.blue10 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #008ed6;
}
.orange10 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #f7a301;
}
.black10 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #333;
}
.button-green {
border-radius : 3px;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 13px;
color : #FFF;
background-color : #7cbc0a;
border-width : 1px;
border-style : solid;
border-color : #AAA;
text-decoration : none;
padding : 4px;
text-decoration : none;
cursor : hand;
cursor : pointer;
padding-left : 6px;
padding-right : 6px;
}
.button-green:hover {
background-color : #9dd53a;
}
.button-green:active {
background-color : #6fa412;
}
.hand {
cursor : hand;
cursor : pointer;
}
.drag-drop {
cursor : hand;
cursor : pointer;
border : 0;
font-size : 11px;
color : #06C;
background-color : transparent;
}
drag-drop:focus {
background-color : transparent;
}
.hand11 {
cursor : hand;
cursor : pointer;
font-size : 11px;
}
.button, .button-selected, .button-small, .button-narrow {
border-radius : 3px;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 13px;
color : #F5F5F5;
background-color : #999;
border-width : 1px;
border-style : solid;
border-color : #AAA;
text-decoration : none;
padding : 4px;
text-decoration : none;
cursor : hand;
cursor : pointer;
padding-left : 6px;
padding-right : 6px;
}
.button-narrow {
padding-left : 3px;
padding-right : 3px;
background-color : #BBB;
}
.button-small {
font-size : 11px;
padding : 2px;
padding-left : 3px;
padding-right : 3px;
}
.button-selected {
background-color : #EEE;
color : #333;
}
.button-hidden {
border-radius : 3px;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 13px;
color : #FFF;
background-color : #FFF;
border-width : 1px;
border-style : solid;
border-color : #FFF;
text-decoration : none;
padding : 0px;
cursor : hand;
cursor : pointer;
width : 0px;
height : 0px;
}
.button:hover, .button-small:hover {
background-color : #777;
}
.button:active, .button-small:hover {
background-color : #333;
}
.button-blue {
border-radius : 5px;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 11px;
color : #FFFFFF;
background-color : #008ed6;
border : solid 1px #999;
text-decoration : none;
padding : 2px;
text-decoration : none;
cursor : hand;
cursor : pointer;
padding : 2px 6px 2px 6px;
}
.button-blue:hover {
background-color : #7c90a3;
}
.button2 {
-webkit-box-shadow : rgba(0,0,0,0.1) 0 1px 0 0;
-moz-box-shadow : rgba(0,0,0,0.1) 0 1px 0 0;
box-shadow : rgba(0,0,0,0.1) 0 1px 0 0;
border : 1px solid #29447E;
font-family : "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
font-size : 12px;
font-weight : 700;
padding : 4px 10px;
height : 28px;
color : #000000;
border-radius : 3px;
-moz-border-radius : 3px;
-webkit-border-radius: 3px;
text-decoration : none;
padding : 5px;
/* fallback */
background-repeat : repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#2e8297)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #2e8297, #ffffff); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #2e8297, #ffffff); /* IE 10 */
background : -ms-linear-gradient(top, #2e8297, #ffffff); /* Opera 11.10+ */
background : -o-linear-gradient(top, #2e8297, #ffffff);
background-color : #2e8297;
}
.tab-small {
font-family : Lucida Sans Unicode, Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #777;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
margin-bottom : 10px;
padding : 2px;
border-width : 0px;
border-top-style : solid;
border-width : 1px;
border-color : transparent;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
text-decoration : none;
cursor : hand;
cursor : pointer;
}
.tab-td {
padding-top : 2px;
padding-bottom : 2px;
}
.tab-small-selected {
font-family : Lucida Sans Unicode, Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color : #333;
margin-bottom : 10px;
padding : 2px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #DDD;
border-right-color : #DDD;
border-bottom-color : #ffffff;
border-left-color : #DDD;
text-decoration : none;
cursor : hand;
cursor : pointer;
/* fallback */
background-repeat : repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #eeeeee, #ffffff); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #eeeeee, #ffffff); /* IE 10 */
background : -ms-linear-gradient(top, #eeeeee, #ffffff); /* Opera 11.10+ */
background : -o-linear-gradient(top, #eeeeee, #ffffff);
background-color : #eeeeee;
}
.gray-link {
text-decoration : none;
color : #333;
}
.header-menu-tab-bg {
padding : 9px;
font-size : 9px;
vertical-align : baseline;
background-color : #056c8c;
color : #CCC;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing : 4px;
}
.menu-plus {
font-size : 23px;
top : -5px;
position : relative;
cursor : hand;
cursor : pointer;
color : #AAA;
transition : color 1s;
}
.menu-plus:hover {
color : #EEE;
transition : color .5s;
text-shadow : 0 1px 1px rgba(0,0,0,1);
}
.header-menu, .header-menu-selected {
height : 22px;
padding : 5px;
cursor : hand;
cursor : pointer;
font-family : "Lato", sans-serif;
font-size : 13px;
color : #DDD;
text-decoration : none;
background-color : #008ed6;
letter-spacing : -.2px;
transition : background 1s ease-out, color 1s, border .5s;
white-space : nowrap;
text-overflow : hidden;
}
.header-menu-selected {
color : #0073ad;
transition : color 2s;
background : #FFFFFF;
}
.header-menu:hover {
color : #666;
background-color : #EEE;
transition : background .5s ease-out, color .5s, border .5s;
}
.arrow-right {
width : 0;
height : 0;
border-top : 60px solid transparent;
border-bottom : 60px solid transparent;
border-left : 60px solid green;
}
.old-tab {
/* fallback */ background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dddddd)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #ffffff, #dddddd); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #ffffff, #dddddd); /* IE 10 */
background : -ms-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.10+ */
background : -o-linear-gradient(top, #ffffff, #dddddd);
background-color : #ffffff;
}
.button-large {
font-family : Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #FFFFFF;
background-color : #333333;
padding : 2px;
border-radius : 5px;
}
/*
.button-small {
border-radius:3px;
font-family: Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #008ed6;
border-width: 1px;
border-style: solid;
border-color: #777777;
text-decoration: none;
padding: 2px;
text-decoration: none;
cursor: hand; cursor: pointer;
-webkit-box-shadow: 0 0 6px #aabdcd;
-moz-box-shadow: 0 0 6px #aabdcd;
box-shadow: 0 0 6px #aabdcd;
text-shadow: 0 1px 4px rgba(0,0,0,.6);
}
*/
.total_row td {
background : rgb(250,250,250);
/*background-color:#F9F9F9; */
}
.icon-main-menu {
font-size : 20px;
width : 25px;
display : inline-block;
}
.icon2, icon2-selected, .icon2s, .icon2s-selected, .icon3 {
font-size : 18px;
color : #999;
cursor : hand;
cursor : pointer;
transition : color .2s;
text-decoration : none;
}
.icon2:hover, .icon2s:hover {
color : #008ed6;
transition : color .4s;
}
.icon2-selected, icon2s-selected {
font-size : 14px;
color : #008ed6;
}
.icon2s, icon2s-selected {
font-size : 12px;
}
.icon3 {
font-size : 26px;
padding-right : 5px;
}
.icon-menu-report, .icon-menu-report-selected {
position : relative;
float : right;
right : -5px;
top : -1px;
font-size : 16px;
cursor : hand;
cursor : pointer;
}
.icon-menu-report-selected {
color : #FFF;
}
.icon-red, .icon-green, .icon-white, .icon-blue {
font-size : 23px;
top : -5px;
position : relative;
cursor : hand;
cursor : pointer;
}
.icon-red-big, .icon-green-big {
font-size : 23px;
position : relative;
cursor : hand;
cursor : pointer;
}
.icon-red {
color : #f85032;
}
.icon-white {
color : #fff;
}
.icon-blue, .icon-blue-small {
color : #008ed6;
}
.icon-blue-small {
font-size : 17px;
}
.icon-green-small {
font-size : 17px;
}
.icon-green, .icon-green-big, .icon-green-small {
color : #7cbc0a;
}
.icon-red:hover, icon-green:hover {
color : #333;
}
.icon-red:active, icon-green:active {
color : #BBB;
}
.icon-small {
gray
font-size : 13px;
position : relative;
top : 0px;
}
.icon17 {
font-size : 17px;
cursor : hand;
cursor : pointer;
}
.text16 {
/*font-family : Palatino Linotype, Lucida Sans Unicode, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
font-family: "Work Sans", sans-serif;
font-size : 35px;
text-decoration : none;
/*color: #005279;*/
color : #0073ad;
/*text-shadow: 0 1px 4px rgba(0,0,0,.1);*/
font-weight : 700;
}
.text16gray {
/*font-family : Palatino Linotype, Lucida Sans Unicode, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
font-family: "Work Sans", sans-serif;
font-size : 35px;
text-decoration : none;
color : #797979;
font-weight : 400;
}
.text16gray:hover {
color : #008ed6;
transition : color .5s;
}
.text16strike {
font-family : "Work Sans", sans-serif;
font-size : 13px;
font-weight : bold;
text-decoration : line-through;
color : #000000;
}
.text16white {
font-family : "Work Sans", sans-serif;
font-size : 16px;
font-weight : bold;
text-decoration : none;
color : #FFFFFF;
}
.text13 {
font-family : "Work Sans", sans-serif;
font-size : 13px;
text-decoration : none;
color : #999;
font-weight : normal;
}
.text13full {
font-family : "Work Sans", sans-serif;
font-size : 13px;
text-decoration : none;
color : #000000;
font-weight : normal;
text-align : justify;
}
.text14 {
font-family : "Work Sans", sans-serif;
font-size : 14px;
text-decoration : none;
color : #000000;
font-weight : normal;
}
.computertext14 {
font-family : "Courier New", Courier, monospace;
font-size : 14px;
text-decoration : none;
color : #000000;
font-weight : normal;
}
.text14bold {
font-family : "Work Sans", sans-serif;
font-size : 14px;
text-decoration : none;
color : #005279;
font-weight : bold;
}
.text12 {
font-family : "Work Sans", sans-serif;
font-size : 12px;
text-decoration : none;
font-weight : normal;
}
.text12strike {
font-family : "Work Sans", sans-serif;
font-size : 12px;
text-decoration : line-through;
font-weight : normal;
}
.text11strike {
font-family : "Work Sans", sans-serif;
font-size : 11px;
text-decoration : line-through;
font-weight : normal;
}
.text12italic {
font-family : "Work Sans", sans-serif;
font-size : 12px;
font-weight : normal;
font-style : italic;
}
.italic10 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
font-weight : normal;
font-style : italic;
}
.desc {
font-family : "Work Sans", sans-serif;
font-size : 10px;
font-weight : normal;
font-style : italic;
background : rgb(251,251,251);
}
.info {
font-family : "Work Sans", sans-serif;
font-size : 10px;
font-weight : normal;
font-style : italic;
/*background: rgb(250,250,250);*/
color : #AAA;
}
.text-white-link {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #FFFFFF;
text-decoration : none;
}
.text-yellow-link {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #FFFF00;
text-decoration : none;
}
.text-12-link, .text-12-link-green {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #008ed6;
cursor : hand;
cursor : pointer;
font-weight : normal;
text-decoration : none;
}
.text-12-link-green {
color : #339900;
}
.text-blue-link {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #008ed6;
text-decoration : none;
}
.td_bold, .td_bold_link {
font-weight : 600;
font-size : 14px;
color : #222;
}
.td_bold2 {
font-weight : 600;
font-size : 14px;
color : #444;
}
.td_bold_link {
color : #0073ad
}
.td_italic {
font-style : italic;
font-size : 10px;
}
.td_email {
color : #008ed6;
font-style : italic;
}
.link {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #008ed6;
cursor : hand;
cursor : pointer;
text-decoration : none;
}
.link:hover {
text-decoration : underline;
}
.link10 {
font-family : "Open Sans", sans-serif;
font-size : 10px;
color : #008ed6;
cursor : hand;
cursor : pointer;
text-decoration : none;
}
.link10:hover {
text-decoration : underline;
}
.link12 {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #008ed6;
cursor : hand;
cursor : pointer;
text-decoration : none;
}
.link12:hover {
text-decoration : underline;
}
.link16, .link16-red {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
color : #777;
cursor : hand;
cursor : pointer;
text-decoration : none;
}
.link16-red {
color : #C00;
}
.link16:hover {
text-decoration : none;
color : #000;
}
.link16-red:hover {
color : #900;
}
.link11 {
font-family : "Work Sans", sans-serif;
font-size : 11px;
color : #008ed6;
cursor : hand;
cursor : pointer;
text-decoration : none;
}
.link11:hover {
text-decoration : underline;
}
.text-red-bold {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #9a2727;
font-weight : bold;
text-decoration : none;
}
.text-blue-bold {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #008ed6;
font-weight : bold;
text-decoration : none;
}
.blue14 {
font-family : "Work Sans", sans-serif;
font-size : 14px;
color : #008ed6;
font-weight : bold;
text-decoration : none;
}
.blue16 {
font-family : "Work Sans", sans-serif;
font-size : 16px;
color : #008ed6;
font-weight : bold;
text-decoration : none;
}
.gray15 {
font-family : "Work Sans", sans-serif;
font-size : 15px;
color : #999;
font-weight : bold;
text-decoration : none;
}
.text-green-bold {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #339900;
font-weight : bold;
text-decoration : none;
}
.text-green {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #339900;
font-weight : normal;
text-decoration : none;
}
.text-green-10 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #336600;
font-weight : normal;
text-decoration : none;
}
.text-blue {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #008ed6;
font-weight : normal;
text-decoration : none;
}
.text14-red-bold {
font-family : "Work Sans", sans-serif;
font-size : 14px;
font-weight : bold;
color : #9a2727;
}
.text20-red-bold {
font-family : "Work Sans", sans-serif;
font-size : 20px;
font-weight : bold;
color : #9a2727;
}
.text20-black-bold {
font-family : "Work Sans", sans-serif;
font-size : 20px;
font-weight : bold;
color : #000000;
}
.text50 {
font-family : Hand of Sean, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 50px;
font-weight : bold;
color : #000000;
}
.hand-huge {
font-family : Hand of Sean, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 75px;
font-weight : bold;
color : #000000;
}
.text20-blue-bold {
font-family : "Work Sans", sans-serif;
font-size : 20px;
font-weight : bold;
color : #008ed6;
}
.text10 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
}
.text9 {
font-family : "Work Sans", sans-serif;
font-size : 9px;
color : #333;
}
.grey8 {
font-family : Arial;
font-size : 8px;
color : #777;
}
.notes_break {
display : block;
width : 250px;
overflow : hidden;
}
.notes_td {
position : relative;
width : 100%;
}
.notes {
position : absolute;
padding-top : 2px;
top : 0;
left : 0;
width : 100%;
overflow : hidden;
width : 100%;
height : 100%;
line-height : 12.5px;
color : #666;
}
.notes_full {
position : relative;
color : #000;
}
.notes:hover {
color : #000;
}
.text10bold {
font-family : "Work Sans", sans-serif;
font-weight : bold;
font-size : 10px;
}
.text10black {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #000000;
}
.text-white-bold {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #FFFFFF;
font-weight : bold;
}
.gray-box {
border-top-color : #DDDDDD;
border-right-color : #DDDDDD;
border-bottom-color : #DDDDDD;
border-left-color : #DDDDDD;
}
.formbox-i-error, .formbox-i-small-error {
font-family : "Work Sans", sans-serif;
font-size : 12px;
border-radius : 0px;
border : 1px solid #D00;
color : #333;
background-color : #FF8285;
}
.formbox-i-small-error {
font-size : 10px;
}
.formbox-i, .formbox-j, .formbox-i-imp, .formbox-selected {
font-family : "Work Sans", sans-serif;
font-size : 14px;
border-radius : 0px;
background-color : transparent;
border : 0px;
color : #333;
}
.formbox-selected {
background-color : #ff9000;
}
.formbox-i-imp {
background-color : #C00;
color : #FFF;
}
.formbox-i:active, formbox-j:active, formbox-i-small:active, formbox:active {
background-color : #eff9fe;
}
.formbox-i:hover, formbox-j:hover, formbox-i-small:hover, formbox:hover {
background-color : #eff9fe;
}
.formbox-i:focus, formbox-j:focus, formbox-i-small:focus, formbox:focus {
background-color : #eff9fe;
}
.formbox-i-wide {
font-family : "Work Sans", sans-serif;
font-size : 14px;
border-radius : 0px;
background-color : transparent;
border : 0px;
color : #333;
width : 100%;
}
.formbox-search {
font-family : "Work Sans", sans-serif;
font-size : 12px;
border-radius : 0px;
/*background-color:transparent;*/
background-color : #FFF;
border : 0px;
color : #333;
opacity : .5;
padding : 4px;
}
.formbox-wide {
width : 100%;
}
.formbox-i-small, .formbox-i-tiny {
font-family : "Work Sans", sans-serif;
font-size : 10px;
border-radius : 0px;
background-color : transparent;
border : 0px;
color : #333;
}
.formbox-i-tiny {
font-size : 9px;
}
.formbox-j {
border : 0px;
border-bottom-color : #DDD;
border-bottom-style : solid;
border-bottom-width : 1px;
}
.formbox-mild {
font-family : "Work Sans", sans-serif;
font-size : 12px;
border-radius : 0px;
border-width : 1px;
border-style : solid;
border-top-color : #EEE;
border-right-color : #EEE;
border-bottom-color : #DDD;
border-left-color : #EEE;
background-color : #FDFDFD;
padding : 2px;
}
.formbox-new, .formbox-new-small, .formbox-new-error {
font-family : "Work Sans", sans-serif;
font-size : 12px;
border-radius : 4px;
border : solid 1px #FFF;
padding : 5px;
color : #777;
}
.formbox-new-error {
border : solid 2px #c00;
background-color : #FFCCCC;
padding : 4px;
color : #444;
}
.formbox-new:focus, .formbox-new-small:focus {
color : #000;
border : solid 1px #008ed6;
background-color : #eff9fe;
}
.formbox-new:hover, .formbox-new-small:hover {
color : #000;
border : solid 1px #555;
}
.formbox-new-small {
font-size : 10px;
padding : 2px;
}
.formbox-middle {
text-align : center;
}
.formbox {
font-family : "Work Sans", sans-serif;
font-size : 12px;
border-radius : 0px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #EEE;
border-right-color : #EEE;
border-bottom-color : #AAA;
border-left-color : #EEE;
padding : 2px;
}
.formbox-right {
text-align : right;
}
.formbox-error {
font-family : "Work Sans", sans-serif;
font-size : 12px;
border-radius : 3px;
background-color : #FFCCCC;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #fff;
border-right-color : #fff;
border-bottom-color : #eee;
border-left-color : #fff;
padding : 2px;
}
.formbox-big {
font-family : "Work Sans", sans-serif;
font-size : 20px;
border-radius : 3px;
background-color : #FFFFFF;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #fff;
border-right-color : #fff;
border-bottom-color : #eee;
border-left-color : #fff;
padding : 2px;
-webkit-appearance : none;
-webkit-box-shadow : 0 0 6px #aabdcd;
-moz-box-shadow : 0 0 6px #aabdcd;
box-shadow : 0 0 6px #aabdcd;
}
.formbox-big-yellow {
font-family : "Work Sans", sans-serif;
font-size : 20px;
border-radius : 3px;
background-color : #FFFFFF;
border-width : 4px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-color : #ff0;
padding : 2px;
-webkit-appearance : none;
-webkit-box-shadow : 0 0 6px #aabdcd;
-moz-box-shadow : 0 0 6px #aabdcd;
box-shadow : 0 0 6px #aabdcd;
}
.selectbox {
width : 80px;
overflow : hidden;
}
.selectbox select {
width : 100px;
-webkit-appearance : none;
-moz-appearance : none;
appearance : none;
padding : 2px 2px 2px 2px;
border : none;
background : transparent url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat 60px center;
}
.formbox-underline {
font-family : "Work Sans", sans-serif;
font-size : 12px;
border-top-width : 0px;
border-right-width : 0px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-left-width : 0px;
border-bottom-color : #777777;
background-color : #EEEEEE;
text-align : right;
padding : 2px;
}
.formbox-white {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #FFFFFF;
background-color : #FFFFFF;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 2px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #777777;
border-right-color : #777777;
border-bottom-color : #000000;
border-left-color : #777777;
padding : 2px;
}
.formbox-small {
font-size : 10px;
background-color : #FFFFFF;
border : solid 1px #eee;
border-radius : 4px;
padding : 2px;
}
.formbox-small:focus {
border : solid 1px #008ed6;
background-color : #eff9fe;
padding : 2px;
}
.formbox-green {
background-color : #ebfdcf;
border-color : #339900;
}
.formbox-underlined {
font-family : "Work Sans", sans-serif;
font-size : 12px;
background-color : #FFFFFF;
border-top-width : 0px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #000000;
border-right-color : #000000;
border-bottom-color : #000000;
border-left-color : #000000;
padding : 2px;
}
.nodeco {
text-decoration : none;
color : #008ed6;
}
.gray10, .lightgray10, .mediumgray10 {
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 10px;
font-weight : normal;
}
.gray10 {
color : #999;
}
.lightgray10 {
color : #DDD;
}
.mediumgray10 {
color : #AAA;
}
.darkgray11 {
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 10px;
color : #666;
font-weight : bolder;
}
.gray11 {
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 10px;
color : #666;
}
.h1 {
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 10px;
color : #999;
}
.h2 {
font-family : verdana, sans-serif, Arial, Helvetica;
text-decoration : none;
font-size : 13px;
color : #888;
font-weight : bold;
font-stretch : ultra-expanded;
}
.gray12 {
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 12px;
color : #999;
}
.text16normal {
font-family : Palatino Linotype, Lucida Sans Unicode, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
text-decoration : none;
font-weight : bold;
}
.text16:hover {
/* text-decoration : underline; */
}
.yellow10 {
font-family : "Work Sans", sans-serif;
font-size : 10px;
color : #FFFF55;
}
.yellow9 {
font-family : "Work Sans", sans-serif;
font-size : 9px;
color : #FFFF55;
}
.yellow12 {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #FFFF55;
}
.yellow16 {
font-family : Palatino Linotype, Lucida Sans Unicode, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
color : #FFFF55;
}
.text11 {
font-family : "Work Sans", sans-serif;
font-size : 11px;
font-weight : normal;
}
.text11redbold {
font-family : "Work Sans", sans-serif;
font-size : 11px;
font-weight : bold;
color : #9a2727;
}
.box1 {
/* fallback */background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5edf6), to(#e7e7e7)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #e5edf6, #e7e7e7); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #e5edf6, #e7e7e7); /* IE 10 */
background : -ms-linear-gradient(top, #e5edf6, #e7e7e7); /* Opera 11.10+ */
background : -o-linear-gradient(top, #e5edf6, #e7e7e7);
background-color : #e5edf6;
border-style : solid;
border-width : 1px;
color : #555;
border-color : #008ed6;
background-color : #e6edf5;
vertical-align : middle;
padding-bottom : 0;
padding-top : 0;
font-size : 13px;
}
.ch1-header {
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 10px;
color : #EEE;
border-top : solid 1px #333;
}
.ch1-header td {
background-color : #666;
}
.ch1-footer {
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 10px;
color : #333;
}
.ch1-footer td {
background-color : #BBB;
}
.ch3 {
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 11px;
color : #666;
background : rgb(0,143,214); /* Old browsers */
}
/*
.lh1 {
background: rgb(250,250,250);
font-family: 'Work Sans', sans-serif;
text-decoration: none;
font-size: 11px;
color: #888;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #EEE;
font-weight:normal;
}
*/
.rh1-locked {
background : rgb(253,253,253);
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 11px;
color : #888;
font-style : italic;
}
.activity-section {
background-color : #FFF;
}
.cnew {
background-color : #effbdb;
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 11px;
color : #333;
vertical-align : baseline;
}
.cnew td {
background-color : #effbdb;
}
.search-row {
background-color : #fbe8f5;
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 11px;
color : #333;
font-weight : bold;
vertical-align : baseline;
}
.search-row td {
background-color : pink;
}
.user_photo {
border : 1px solid #AAA;
/*box-shadow: 0 0 4px #DDD;*/
}
.customer_photo {
min-width : 40px;
min-height : 40px;
border-radius : 50%;
/*box-shadow: 0 0 4px #DDD;*/
}
.user_photo_tiny {
/*border : 1px solid #AAA;*/
border:0px;
/*box-shadow: 0 0 2px #008ed6;*/
}
.small-tab-selected {
font-family : Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
border-radius : 3px;
color : #000000;
padding : 2px;
border-top-width : 1px;
border-right-width : 1px;
border-left-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #777777;
border-right-color : #777777;
border-bottom-color : #777777;
border-left-color : #777777;
text-decoration : none;
cursor : hand;
cursor : pointer;
/* fallback */
background-repeat : repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f0), to(#ffffff)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #ffffff, #f1f1f0); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #ffffff, #f1f1f0); /* IE 10 */
background : -ms-linear-gradient(top, #ffffff, #f1f1f0); /* Opera 11.10+ */
background : -o-linear-gradient(top, #ffffff, #f1f1f0);
background-color : #ffffff;
}
.small-tab {
font-family : Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #ffffff;
padding : 2px;
border-radius : 3px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #777777;
border-right-color : #777777;
border-bottom-color : #777777;
border-left-color : #777777;
text-decoration : none;
cursor : hand;
cursor : pointer;
/* fallback */
background-repeat : repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f0), to(#666666)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #666666, #f1f1f0); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #666666, #f1f1f0); /* IE 10 */
background : -ms-linear-gradient(top, #666666, #f1f1f0); /* Opera 11.10+ */
background : -o-linear-gradient(top, #666666, #f1f1f0);
background-color : #666666;
}
.tiny-tab {
border-radius : 3px;
font : bold 12px Work Sans, Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
color : #555;
padding : 2px 4px 2px 4px;
margin-bottom : 3px;
border : 1px solid #CCC;
text-decoration : none;
cursor : hand;
cursor : pointer;
background : #EEEEEE;
}
.tiny-tab-selected {
border-radius : 3px;
font : bold 12px Work Sans, Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
color : #000;
padding : 2px 4px 2px 4px;
border : 1px solid #CCC;
border-bottom : solid 3px #008fd5;
margin-bottom : 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
text-decoration : none;
cursor : hand;
cursor : pointer;
background : #FFF;
}
.tiny-tab:hover {
background : #F8F8F8;
}
.tiny-tab:active {
color : #000;
background : #D2D2D2;
}
.label {
font-family : sans-serif, Work Sans, Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #444;
padding : 1px;
padding-left : 1px;
padding-right : 1px;
border-top-width : 1px;
border-right-width : 1px;
border-left-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #777777;
border-right-color : #777777;
border-bottom-color : #777777;
border-left-color : #777777;
text-decoration : none;
/* fallback */
background-repeat : repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f0), to(#EEEEEE)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #EEEEEE, #f1f1f0); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #EEEEEE, #f1f1f0); /* IE 10 */
background : -ms-linear-gradient(top, #EEEEEE, #f1f1f0); /* Opera 11.10+ */
background : -o-linear-gradient(top, #EEEEEE, #f1f1f0);
background-color : #EEEEEE;
}
.tiny-tab-purple {
background : rgb(203,96,179); /* Old browsers */
}
.tiny-tab-purple:hover {
-webkit-box-shadow : 0 1px 2px rgba(255,255,255,.4);
-moz-box-shadow : 0 1px 2px rgba(255,255,255,.4);
box-shadow : 0 1px 2px rgba(255,255,255,.4);
text-shadow : 0 1px 4px rgba(255,255,255,.1);
}
.tiny-tab-red, .tiny-tab-green, .tiny-tab-orange, .tiny-tab-blue, .tiny-tab-purple {
border-radius : 4px;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif, Work Sans, Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
font-weight : bold;
color : #FFFFFF;
padding : 2px;
padding-left : 4px;
padding-right : 4px;
border : 1px solid #AAA;
text-decoration : none;
cursor : hand;
cursor : pointer;
}
.tiny-tab-red {
background-color : #f85032;
}
.tiny-tab-green {
background-color : #7cbc0a;
}
.tiny-tab-green:hover {
background-color : #9dd53a;
}
.tiny-tab-RED:hover {
background-color : #e73827;
}
.tiny-tab-ORANGE:hover {
background-color : #ffaa56;
}
.tiny-tab-BLUE:hover {
background-color : #7c90a3;
}
.tiny-tab-BLUE {
background-color : #3570a3;
}
.tiny-tab-orange {
background-color : #ff7b00;
}
.mini-delete, .new-delete {
color : #AAA;
transition : color .2s;
cursor : hand;
cursor : pointer;
}
.mini-delete:hover, .new-delete:hover {
color : #f00;
transition : color 1s;
}
.new-delete {
font-size : 18px;
}
.mini-icon {
color : #AAA;
transition : color .2s;
cursor : hand;
cursor : pointer;
}
.mini-icon:hover {
color : #0C0;
transition : color 1s;
}
.new-plus {
float : right;
font-size : 18px;
color : #999;
cursor : hand;
cursor : pointer;
transition : color 1s;
}
.new-plus:hover {
float : right;
color : #093;
transition : color 1s;
text-shadow : 0 0 8px rgba(100,100,100,.1);
}
.new-icon {
border-radius : 3px;
font-family : Work Sans, Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #FFF;
padding : 2px;
padding : 0px;
border : 0px solid #AAA;
text-decoration : none;
cursor : hand;
cursor : pointer;
background-color : #888;
}
.new-icon:hover {
background-color : #555;
}
.new-icon:active {
background-color : #AAA;
color : #333;
border : 1px solid #333;
}
.char-button-orange {
font-size : 26px;
color : rgb(255,170,86);
text-decoration : none;
cursor : hand;
cursor : pointer;
text-shadow : 0 0 8px rgba(0,0,0,.1);
height : 10px;
position : relative;
top : -10px;
left : 10px;
}
.tab-selected {
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif, Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
border : 1px solid #008ed6;
text-decoration : none;
cursor : hand;
cursor : pointer;
color : #EEE;
font-weight : 200;
position : relative;
top : 4px;
height : 30px;
/*text-shadow: 2px 2px #555;*/
padding-top : 8px;
padding-bottom : 8px;
padding-left : 12px;
padding-right : 12px;
background-color : #008ed6;
}
.tab {
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif, Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #AAA;
border : 1px solid #EEE;
border-bottom : 0px;
text-decoration : none;
cursor : hand;
cursor : pointer;
font-weight : 200;
position : relative;
top : 4px;
height : 30px;
padding-top : 8px;
padding-bottom : 8px;
padding-left : 12px;
padding-right : 12px;
background-color : #FFF;
transition : background 1s ease-out, color 2s, border 2s;
}
.tab:hover {
transition : background .5s ease-out, color .5s, border .5s;
text-decoration : none;
color : #666;
/* fallback */
background-repeat : repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDDD), to(#ffffff)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #DDDDDD, #ffffff); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #DDDDDD, #ffffff); /* IE 10 */
background : -ms-linear-gradient(top, #DDDDDD, #ffffff); /* Opera 11.10+ */
background : -o-linear-gradient(top, #DDDDDD, #ffffff);
background-color : #999999;
}
.tab-none3 {
/*height : 26px;*/
padding:0px;
padding-bottom : 8px;
padding-top : 5px;
border-bottom : solid 1px #E3E3E3;
}
.tab-none {
padding : 0px;
padding-top : 5px;
/* border-bottom:solid 1px #E3E3E3; */
padding-bottom : 8px;
height : 36px;
}
.tab-none2 {
padding : 0px;
padding-bottom : 0px;
border-bottom : solid 1px #E3E3E3;
}
.tab2 {
height : 10px;
font-family : Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #EEE;
border : 1px solid #485c75;
border-bottom : 0px;
text-decoration : none;
cursor : hand;
cursor : pointer;
font-weight : 600;
position : relative;
top : 1px;
padding-top : 6px;
padding-bottom : 6px;
padding-left : 12px;
padding-right : 12px;
top : 8px;
background : -moz-linear-gradient(top, rgba(0,143,214,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,143,214,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background : -webkit-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background : -o-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background : -ms-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background : linear-gradient(to bottom, rgba(0,143,214,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr="#008ed6", endColorstr="#00ffffff",GradientType=0 ); /* IE6-9 */
transition : background 2s ease-out, color 2s, border 2s;
}
.tab2:hover {
transition : background .5s ease-out, color .5s, border .5s;
text-decoration : none;
border-width : 1px;
color : #666;
padding-top : 7px;
/* fallback */
background-repeat : repeat-x; /* Safari 4-5, Chrome 1-9 */
background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDDD), to(#ffffff)); /* Safari 5.1, Chrome 10+ */
background : -webkit-linear-gradient(top, #DDDDDD, #ffffff); /* Firefox 3.6+ */
background : -moz-linear-gradient(top, #DDDDDD, #ffffff); /* IE 10 */
background : -ms-linear-gradient(top, #DDDDDD, #ffffff); /* Opera 11.10+ */
background : -o-linear-gradient(top, #DDDDDD, #ffffff);
background-color : #999999;
}
.tab2-none {
height : 30px;
padding : 0px;
}
.tab2-selected {
height : 10px;
font-family : Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 15px;
color : #666;
text-decoration : none;
cursor : hand;
cursor : pointer;
font-weight : 600;
position : relative;
top : 8px;
text-shadow : 1px 1px #DDD;
padding-top : 6px;
padding-bottom : 6px;
padding-left : 12px;
padding-right : 12px;
background : rgb(255,255,255); /* Old browsers */
}
.tab-m-selected {
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 12px;
color : #555;
text-decoration : none;
cursor : hand;
cursor : pointer;
color : #EEE;
position : relative;
padding : 4px;
padding-left : 10px;
padding-right : 10px;
background-color : #008ed6;
border-radius : 3px;
}
.tab-m {
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 11px;
color : #666;
border : 1px solid #EEE;
text-decoration : none;
cursor : hand;
cursor : pointer;
position : relative;
top : -1px;
border-radius : 3px;
padding : 4px;
padding-left : 10px;
padding-right : 10px;
}
.tab-m:hover {
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-decoration : none;
border-width : 1px;
color : #666;
border : 1px solid #BBB;
position : relative;
top : -1px;
background-color : #7c90a3;
}
.tab-m-none {
height : 20px;
padding : 0px;
}
.tab-m-none-box {
height : 20px;
padding : 0px;
padding-top : 10px;
}
.tab-s-selected, .tab-s {
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #555;
text-decoration : none;
cursor : hand;
cursor : pointer;
/*font-weight:600;*/
position : relative;
top : 9px;
padding-right : 4px;
padding-left : 4px;
padding-top : 4px;
background : #FFF;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top : 0px solid #FFF;
}
.tab-s {
border : 1px solid #EEE;
background : #EEE;
}
.tab-s:hover {
transition : background .5s ease-out, color .5s, border .5s;
color : #111;
border : 1px solid #BBB;
background : #FFF;
}
.tab-s-none {
height : 20px;
padding : 4px;
background : rgb(0,143,214); /* Old browsers */
background : -moz-linear-gradient(top, rgba(0,143,214,1) 0%, rgba(111,144,174,1) 45%, rgba(0,143,214,1) 100%); /* FF3.6+ */
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,143,214,1)), color-stop(45%,rgba(111,144,174,1)), color-stop(100%,rgba(0,143,214,1))); /* Chrome,Safari4+ */
background : -webkit-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(111,144,174,1) 45%,rgba(0,143,214,1) 100%); /* Chrome10+,Safari5.1+ */
background : -o-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(111,144,174,1) 45%,rgba(0,143,214,1) 100%); /* Opera 11.10+ */
background : -ms-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(111,144,174,1) 45%,rgba(0,143,214,1) 100%); /* IE10+ */
background : linear-gradient(to bottom, rgba(0,143,214,1) 0%,rgba(111,144,174,1) 45%,rgba(0,143,214,1) 100%); /* W3C */
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr="#008ed6", endColorstr="#485c75",GradientType=0 ); /* IE6-9 */
}
.tab-s-none-bg-only {
padding : 4px;
background : rgb(0,143,214); /* Old browsers */
}
.tab-s-none-old {
background : -moz-linear-gradient(top, rgba(0,143,214,1) 0%, rgba(0,143,214,1) 45%, rgba(72,92,117,1) 100%); /* FF3.6+ */
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,143,214,1)), color-stop(45%,rgba(0,143,214,1)), color-stop(100%,rgba(72,92,117,1))); /* Chrome,Safari4+ */
background : -webkit-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(0,143,214,1) 45%,rgba(72,92,117,1) 100%); /* Chrome10+,Safari5.1+ */
background : -o-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(0,143,214,1) 45%,rgba(72,92,117,1) 100%); /* Opera 11.10+ */
background : -ms-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(0,143,214,1) 45%,rgba(72,92,117,1) 100%); /* IE10+ */
background : linear-gradient(to bottom, rgba(0,143,214,1) 0%,rgba(0,143,214,1) 45%,rgba(72,92,117,1) 100%); /* W3C */
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr="#008ed6", endColorstr="#485c75",GradientType=0 ); /* IE6-9 */
}
.blue-gradient-bg {
background-color : #005279;
}
.tab-blue-s-selected {
font-family : Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #EEE;
text-decoration : none;
cursor : hand;
cursor : pointer;
font-weight : 600;
border-top : 1px solid #666;
border-left : 1px solid #666;
border-right : 1px solid #666;
position : relative;
top : 13px;
padding : 3px;
background : rgb(72,92,117); /* Old browsers */
background : -moz-linear-gradient(top, rgba(72,92,117,1) 0%, rgba(0,143,214,1) 55%, rgba(0,143,214,1) 100%); /* FF3.6+ */
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,92,117,1)), color-stop(55%,rgba(0,143,214,1)), color-stop(100%,rgba(0,143,214,1))); /* Chrome,Safari4+ */
background : -webkit-linear-gradient(top, rgba(72,92,117,1) 0%,rgba(0,143,214,1) 55%,rgba(0,143,214,1) 100%); /* Chrome10+,Safari5.1+ */
background : -o-linear-gradient(top, rgba(72,92,117,1) 0%,rgba(0,143,214,1) 55%,rgba(0,143,214,1) 100%); /* Opera 11.10+ */
background : -ms-linear-gradient(top, rgba(72,92,117,1) 0%,rgba(0,143,214,1) 55%,rgba(0,143,214,1) 100%); /* IE10+ */
background : linear-gradient(to bottom, rgba(72,92,117,1) 0%,rgba(0,143,214,1) 55%,rgba(0,143,214,1) 100%); /* W3C */
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr="#485c75", endColorstr="#008ed6",GradientType=0 ); /* IE6-9 */
}
.tab-blue-s {
font-family : Helvetica, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #EEE;
border-top : 1px solid #888;
border-left : 1px solid #888;
border-right : 1px solid #888;
text-decoration : none;
cursor : hand;
cursor : pointer;
font-weight : 600;
position : relative;
top : 13px;
padding : 3px;
padding-top : 3px;
background : #999;
padding-top : 5px;
transition : background .5s ease-out, color .5s, border .5s;
}
.tab-blue-s:hover {
transition : background .5s ease-out, color .5s, border .5s;
color : #FFF;
background : #555;
border-top : 1px solid #DDD;
border-left : 1px solid #DDD;
border-right : 1px solid #DDD;
}
.tab-blue-s-none {
height : 26px;
padding : 4px;
color : #BBB;
font-size : 11px;
font-weight : bolder;
vertical-align : baseline;
background : rgb(160,160,160); /* Old browsers */
background : -moz-linear-gradient(top, rgba(160,160,160,1) 0%, rgba(191,191,191,1) 40%, rgba(219,219,219,1) 100%); /* FF3.6+ */
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,160,160,1)), color-stop(40%,rgba(191,191,191,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
background : -webkit-linear-gradient(top, rgba(160,160,160,1) 0%,rgba(191,191,191,1) 40%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
background : -o-linear-gradient(top, rgba(160,160,160,1) 0%,rgba(191,191,191,1) 40%,rgba(219,219,219,1) 100%); /* Opera 11.10+ */
background : -ms-linear-gradient(top, rgba(160,160,160,1) 0%,rgba(191,191,191,1) 40%,rgba(219,219,219,1) 100%); /* IE10+ */
background : linear-gradient(to bottom, rgba(160,160,160,1) 0%,rgba(191,191,191,1) 40%,rgba(219,219,219,1) 100%); /* W3C */
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr="#a0a0a0", endColorstr="#dbdbdb",GradientType=0 ); /* IE6-9 */
}
.menu-gray-footer {
height : 100%;
background : rgb(160,160,160); /* Old browsers */
background : -moz-linear-gradient(top, rgba(160,160,160,1) 0%, rgba(191,191,191,1) 40%, rgba(219,219,219,1) 100%); /* FF3.6+ */
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,160,160,1)), color-stop(40%,rgba(191,191,191,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
background : -webkit-linear-gradient(top, rgba(160,160,160,1) 0%,rgba(191,191,191,1) 40%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
background : -o-linear-gradient(top, rgba(160,160,160,1) 0%,rgba(191,191,191,1) 40%,rgba(219,219,219,1) 100%); /* Opera 11.10+ */
background : -ms-linear-gradient(top, rgba(160,160,160,1) 0%,rgba(191,191,191,1) 40%,rgba(219,219,219,1) 100%); /* IE10+ */
background : linear-gradient(to bottom, rgba(160,160,160,1) 0%,rgba(191,191,191,1) 40%,rgba(219,219,219,1) 100%); /* W3C */
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr="#a0a0a0", endColorstr="#dbdbdb",GradientType=0 ); /* IE6-9 */
}
.bluebar {
padding : 1px;
height : 3px;
background : rgb(0,143,214); /* Old browsers */
background : -moz-linear-gradient(top, rgba(0,143,214,1) 0%, rgba(0,143,214,1) 45%, rgba(72,92,117,1) 100%); /* FF3.6+ */
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,143,214,1)), color-stop(45%,rgba(0,143,214,1)), color-stop(100%,rgba(72,92,117,1))); /* Chrome,Safari4+ */
background : -webkit-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(0,143,214,1) 45%,rgba(72,92,117,1) 100%); /* Chrome10+,Safari5.1+ */
background : -o-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(0,143,214,1) 45%,rgba(72,92,117,1) 100%); /* Opera 11.10+ */
background : -ms-linear-gradient(top, rgba(0,143,214,1) 0%,rgba(0,143,214,1) 45%,rgba(72,92,117,1) 100%); /* IE10+ */
background : linear-gradient(to bottom, rgba(0,143,214,1) 0%,rgba(0,143,214,1) 45%,rgba(72,92,117,1) 100%); /* W3C */
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr="#008ed6", endColorstr="#485c75",GradientType=0 ); /* IE6-9 */
}
.graybar {
padding : 1px;
height : 3px;
/*background: rgb(220,220,220); /* Old browsers */
background : rgb(246,246,246);
font-weight : bold;
}
@media only screen
and (min-width : 0) {
.current-page-header {
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 20px;
text-decoration : none;
color : #DDD;
text-shadow : 0 1px 4px rgba(0,0,0,.1);
width : 100%;
text-transform : uppercase;
background-color : #008ed6;
}
}
@media only screen
and (min-width : 900px) {
.current-page-header {
font-family : Palatino Linotype, Lucida Sans Unicode, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : bold;
text-decoration : none;
color : #008ed6;
text-shadow : 0 1px 4px rgba(0,0,0,.1);
width : 100%;
text-transform : uppercase;
}
}
.selection-outter {
padding-right : 10px;
padding-top : 5px;
padding-bottom : 5px;
float : left;
margin-bottom : 40px;
color : #555;
}
.tab-customer {
float : left;
height : 30px;
padding-top : 0px;
padding-right : 3px;
padding-bottom : 10px;
}
.tab3:hover, .tab3s:hover {
background-color : #DDD;
color : #666;
border-color : #DDD;
transition : background .5s ease-out, color .5s, border .5s;
}
.tab3, .tab3-selected, .tab3s, .tab3s-selected {
padding : 8px 20px 8px 20px;
/*border:solid 1px #DDD; */
/*border-radius:3px; */
text-align : center;
/*background-color:#F9F9F9; */
color : #999;
font-family : "Work Sans", sans-serif;
font-size : 13px;
text-decoration : none;
font-weight : 400;
cursor : hand;
cursor : pointer;
transition : background .5s ease-out, color .5s, border .5s;
}
.tab3-selected, .tab3s-selected {
/*border : solid 1px #008ed6;*/
/*border:solid 1px #CCC;*/
/*background-color:#DDDDDD;*/
color:#000000;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
/*/*font-weight:bold;*/
border-bottom : solid 2px #0073ad;
/*box-shadow: 0 0 20px #d9dde1;*/
}
/* new SMALL tabs */
.tab4-div, .tab4s-div {
padding : 0px;
top : auto;
padding : 0px;
margin : 0px;
font-size : 12px;
font-weight : normal;
padding-bottom : 0px;
border-bottom : solid 1px #DDD;
margin-bottom : 10px;
}
.tab4, .tab4-selected, .tab4s, .tab4s-selected {
padding : 4px 10px 4px 10px;
color : #999;
font-family : "Work Sans", sans-serif;
display : inline-block;
cursor : hand;
cursor : pointer;
transition : background .5s ease-out, color .5s, border .5s;
margin-top : 10px;
margin-right : 10px;
}
.tab4-selected, .tab4s-selected {
color : #000000;
border-bottom : solid 3px #0073ad;
font-weight : 600;
}
.tab4:hover, .tab4s:hover {
/*background-color : #DDD;*/
color:#000;
border-color : #DDD;
transition : background .2s ease-out, color .2s, border .2s;
/*border-bottom:solid 2px #0073ad;*/
}
.tab4, .tab4-selected {
font-size : 17px;
margin-right : 18px;
}
/* new dbox stuff */
.dbox2 {
/*border : solid 1px #DDD;*/
box-shadow: 0 0 20px #d9dde1;
padding : 5px;
border-radius : 3px;
background-color : #FFF;
}
.cbox1, .section-box, .cbox1-line-items {
/*box-shadow : 0 0 20px #d9dde1;*/
border:solid 2px #FFF;
}
.dbox1, .cbox1, .cbox1-small, .cbox1-i, .cbox1-white, .cbox1-no-border, .cbox1-no-padding, .section-box, .cbox1-line-items, .dbox3 {
/*box-shadow : 0 0 20px #d9dde1;*/
/*border:solid 1px #DDD;*/
background-color:#FFF;
font-family : "Work Sans", sans-serif;
font-size : 12px;
color : #333;
padding : 5px;
border-spacing : 0px;
border-radius : 3px;
}
.dh1, .ch1, .ch1-new {
font-family : "Work Sans", sans-serif;
font-size : 13px;
color : #797979;
font-weight : 700;
height : 40px;
}
.ch1 td {
vertical-align : bottom;
}
.dbox1 td, .dbox3 td, .cbox1 td, .cbox1-small td, .cbox1-i td, .cbox1-white td, .cbox1-no-border td, .cbox1-no-padding td, .section-box td, .cbox1-line-items td {
border-bottom : solid 1px #F3F3F3;
padding-top : 3px;
padding-bottom : 3px;
vertical-align : top;
border-right : solid 1px #FFF;
}
.dbox1 tr:hover, .dbox1-small tr:hover , .dbox1-i tr:hover, .dbox1-no-border, .dbox1-line-items tr:hover {
background-color : #FCFCFC;
color : #111;
}
.dbox3 {
box-sizing : border-box;
}
.dbox3 td, .dbox3 th {
}
.dbox3 tr {
padding : 3px;
margin : 3px;
border-width : 2px;
}
.dbox3 tr:hover {
-webkit-box-shadow : inset -1px -1px 5px -1px rgba(21,143,181,1);
-moz-box-shadow : inset -1px -1px 5px -1px rgba(21,143,181,1);
box-shadow : inset -1px -1px 5px -1px rgba(21,143,181,1);
color : #333;
}
.task_new {
background-color : #FFFFFF;
color : #333;
}
.task_opened {
background-color : #FAFAFA;
color : #666;
}
.dbox1-no-hover tr:hover {
background-color : #FFF;
}
.text15 {
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 18px;
color : #777;
padding : 10px;
padding-bottom : 0px;
}
.lh1 {
/*background : rgb(250,250,250);*/
font-family: "Open Sans", sans-serif;
text-decoration : none;
font-size : 13px;
color : #999;
/*background-color:#F9F9F9;*/
border-right : solid 1px #EEE;
/*
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #EEE;
*/
font-weight : 600;
}
.ch2 {
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 16px;
color : #777;
height : 50px;
vertical-align : baseline;
line-height : 50px;
}
.ch2-text {
font-family : "Work Sans", sans-serif;
text-decoration : none;
font-size : 13px;
color : #0073ad;
letter-spacing : 3px;
font-weight : bold;.
}
.ch2-small, .ch2-first {
font-size : 11px;
height : 30px;
vertical-align : baseline;
line-height : 30px;
color : #777;
}
.ch2-small {
border-top : solid 1px #BBB;
}
/* the old cbox1 css! */
.cbox1 tr:hover, .cbox1-small tr:hover , .cbox1-i tr:hover, .cbox1-line-items tr:hover, .cbox1-wide2 tr:hover {
background-color : #F6F6F6;
}
.cbox1-no-hover tr:hover {
background-color : #FFF;
}
.cbox1-wide, .cbox1-wide2 {
/* no hover over */
/*border-style: solid;*/
font-family: "Work Sans", sans-serif;
/*border-width:1px;*/
color : #555;
/*border-color:158fb5;*/
vertical-align : middle;
font-size : 12px;
/*box-shadow: 0 0 20px #d9dde1;*/
border-spacing : 0px;
}
.cbox1-wide tr, .cbox1-wide2 tr {
background-color : #FFF;
vertical-align : top;
/*
border-bottom-width:1px;
border-bottom-color:#999;
border-bottom-style:dotted;
*/
}
.cbox1-wide td, .cbox1-wide2 td {
/*border-bottom : 1px dotted #CCC;*/
padding:10px;
}
.cbox1-wide2 td {
padding : 6px;
}
.cbox1-simple {
/* no hover over */
/*border-style: solid;*/
font-family: "Work Sans", sans-serif;
/*border-width:1px;*/
color : #555;
/*border-color:158fb5;*/
vertical-align : middle;
font-size : 13px;
/*box-shadow: 0 0 20px #d9dde1;*/
border-spacing : 0px;
}
.cbox1-simple td {
/*border-bottom : 1px dotted #BBB;*/
padding:20px;
}
/*
.cbox1, .cbox1-small, .cbox1-i, .cbox1-white, .cbox1-no-border, .cbox1-no-padding, .section-box, .cbox1-line-items {
border-style:solid;
font-family: 'Work Sans', sans-serif;
border-width:1px;
color:#555;
border-color:#CCC;
background-color:e6edf5;
vertical-align:middle;
font-size: 13px;
border-spacing: 0px;
border-spacing: 0px;
padding-bottom:0;
padding-top:0;
border-collapse: collapse;
padding-bottom:0;
padding-top:0;
font-size: 13px;
border-spacing: 0px;
border-radius:3px;
}
*/
cbox1-no-border, .cbox1-line-items {
/*
border-width : 0px;
border-color:#FFF;
*/
}
.cbox1 tr, .cbox1-small tr, .cbox1-i, .cbox1-no-border tr {
background-color : #FFF;
vertical-align : top;
/*
border-bottom-width:1px;
border-bottom-color:#999;
border-bottom-style:dotted;
*/
}
.cbox-no-inside-border tr {
}
.cbox1-line-items tr {
background-color : #FFF;
vertical-align : top;
}
.cbox1 td, .cbox1-small td, .cbox1-no-border td {
padding : 4px;
/*
border-bottom: 1px dotted #CCC;
*/
}
.cbox1-line-items td {
padding : 4px;
max-width : 300px;
overflow : hidden;
}
.cbox1-topless {
border-top-width : 0px;
}
.cbox1-white {
background-color : #FFF;
}
.cbox1-i {
font-size : 11px;
/*box-shadow: 0 0 0 0;*/
border-color : #FFF;
border-width : 0px;
}
.cbox1-small {
font-size : 10px;
}
.cbox1-white {
background-color : #FFF;
}
.cbox1-border-only {
border-style : solid;
font-family : "Work Sans", sans-serif;
border-width : 1px;
color : #555;
border-color : #008ed6;
vertical-align : middle;
font-size : 13px;
border-spacing : 0px;
padding-bottom : 0;
padding-top : 0;
border-collapse : separate;
}
.cbox1-border-only td {
padding : 4px;
border-spacing : 0px;
}
.section-box {
background-color : #FFF;
}
.blink_me {
animation : blinker 2s linear infinite;
}
@keyframes blinker {
50%
{ opacity: 0; }
}
.messenger {
}
.messenger-alert {
color : #C00;
}
@media only screen and (max-width: 400px) {
#section_notes {
padding-bottom : 35px;
}
}
/* not using ch1 anymore - moved it into dh1
.ch1 {
font-family: 'Work Sans', sans-serif;
text-decoration: none;
font-size: 11px;
color: #EEE;
}
.ch1-new {
font-family: 'Work Sans', sans-serif;
text-decoration: none;
font-size: 11px;
color: #AAA;
}
.ch1-new td {
background-color:#005279;
}
.ch1 td {
background-color:#008ed6;
text-shadow: 0 0 8px rgba(0,0,0,.3);
}
*/
.tr_skip {
color : #999;
}
.tr_skip td {
background-color : #BBB;
}
.pushy-search-box {
padding-left : 3px;
color : #fff;
background-color : #333332;
cursor : hand;
cursor : pointer;
font-size : 16px;
height : 40px;
border : none;
font-family : "Work Sans", sans-serif;
}
.pushy-search-box:active {
border : solid 1px white;
}
.pushy-go-button {
color : #fff;
cursor : pointer;
font-size : 20px;
height : 40px;
width : 25px;
border : none;
text-align : center;
/*text-shadow: 0 1px 1px rgba(0,0,0,.6);*/
background-color : #333332;
font-family : "Work Sans", sans-serif;
}
.icon-gray-small {
font-size : 17px;
color : #999999;
}
.flexbox {
display : flex;
flex : 1;
flex-flow : row wrap;
}
.sticky {
position : fixed;
width : 100%;
max-width : 100%;
overflow-x : hidden;
top : 0;
background-color : white;
margin : 0 auto;
z-index : 100001;
}
.ck-powered-by {
display : none;
visibility : hidden;
}
</style>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#008ed4;
text-align:center;
}
#container {
text-align:center;
alignment-adjust:central;
width: 300px;
margin: 0 auto;
height:230px;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border: solid 6px #d2d2d2;
border-radius:10px;
background-color:#FFF;
padding-top:20px;
padding-bottom:20px;
}
#forgot2{
position:relative;
top:70px;
/*border:solid 1px #f00; */
color:#DDD;
}
#forgot {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
text-align:center;
alignment-adjust:central;
margin: 0 auto;
}
#signup_name, #signup_password {
width:230px;
border: solid 1px #d2d2d2;
background-color:#FFF;
font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding:5px;
color:#555;
}
#signup_name:focus, #signup_password:focus {
}
#signup_name {
border-top-left-radius:7px;
border-top-right-radius:7px;
border-bottom: solid 0px #d2d2d2;
padding:5px;
}
#signup_password {
border-bottom: solid 0px #d2d2d2;
}
.signup_submit {
padding:5px;
width:230px;
border: solid 1px #d2d2d2;
background-color:#d2d2d2;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#555;
cursor: hand;
cursor: pointer;
}
.signup_submit:hover {
background-color:#EEE;
}
.signup_submit:active {
background-color:#777;
color:#EEE;
}-->
</style>
</head>
<body onload="form1.email.focus();">
<div id="container">
<div>
<a href="http://prodbx.com">
<img height="60" src="/slices/logo-120.png" style="padding:10px;" width="226">
</a>
</div>
<div class="text-red-bold">
</div>
<form action="/index.php" id="form1" method="post" name="form1">
<div>
<input id="signup_name" maxlength="300" name="email" placeholder="Email Address" size="30" type="email" value="">
</div>
<div>
<input id="signup_password" maxlength="150" name="pass" placeholder="Password" size="20" type="password">
</div>
<div>
<input class="signup_submit" id="signup_submit" name="Submit" type="submit" value="LOGIN">
</div>
</form>
<div class="text-blue-bold">
Login for Authorized Users Only
</div>
<div class="gray10 hand" id="forgot2" onclick="window.location='/?action=reset_password';">
Forgot Password?
</div>
</div>
</body>
</html>