/** STYLES FOR ALL PAGES **/
* {
  box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Lato', sans-serif, helvetica, arial;
  font-weight: 300;
  overflow: hidden;
  font-size: 16px;
}
a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: #007ae6;
    cursor: pointer;
}
.ui-loader {
    display: none;
}
#header {
  display: flex;
  position: relative;
  height: 57px;
  width: 100%;
  border-bottom: 1px solid #001f3f;
  background-color: #f3f3f3;
  z-index: 10;
}
#logo,
span.bidnav {
  background-image: url("/img/Logo-2-152.png");
  background-size: auto 44px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  margin-left: 5px;
  height: 54px;
  padding-left: 53px;
  color: #000c41;
  cursor: pointer;
}
span.bidnav {
    background-size: 17px auto;
    height: 23px;
    padding-left: 20px;
    cursor: default;
    background-position: 0;
}
#logo span {
    font-size: 35px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -1px;
}
#logo span.logoModifier {
    display: block;
    font-size: 10px;
    color: #727272;
    margin-top: 37px;
    margin-left: 2px;
    font-weight: bold;
    font-style: italic;
}
#name_nav {
    font-weight: 700 !important;
    left: 107px;
}
#tripnavbtns {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 11px;
  position: relative;  
  text-align: center;
}
#navbtns {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 11px;
  position: absolute;
  right: 0;
  top: 0;
}
#navbtns > li, #tripnavbtns > li{
    background-position: center 7px;
    background-repeat: no-repeat;
    background-size: auto 26px;
    border-left: 1px solid #dddddd;
    display: inline-block;
    font-size: 11px;
    line-height: 28px;
    padding-top: 28px;
    list-style-type: none;
    position: relative;
    text-align: center;
    font-weight: bold;
    color: #666666;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
}
#tripnavbtns > li{
    border-left: 0;
}
#navbtns > li:hover, #tripnavbtns > li:hover {
    color: #000000;
}
#navbtns > li.selected, #tripnavbtns > li.selected {
    color: #007ae6;
    cursor: auto;
}
#navbtns > li.bidstatus {
    display: none;
    cursor: default;
    color: #666666 !important;
}
#navbtns > li.bidstatus.status-in-progress {
    display: inline-block;
    background-image: url("/img/gears_animated.gif");
    background-size: 28px auto;
}
#navbtns > li.bidstatus.status-complete {
    display: inline-block;
    background-image: url("/img/check-mark.png");
    background-size: 28px auto;
    cursor: pointer;
}
#navbtns > li.bidstatus.status-error {
    display: inline-block;
    background-image: url("/img/error.gif");
    background-size: 28px auto;
}
#navbtns > li.goto-bidnav {
    background-image: url("/img/Logo-2-152.png");
}
#navbtns > li.manage {
    background-image: url("/img/folderGray.png");
}
#navbtns > li.account {
    background-image: url("/img/userGray.png");
}
#navbtns > li.info {
    background-image: url("/img/infoDkGrey.png");
}
#navbtns > li.bidperiod {
    background-image: url("/img/clockDkGray.png");
}
#navbtns > li.goto-bidnav.selected {
    background-image: url("/img/Logo-2-152.png");
}
#navbtns > li.manage.selected {
    background-image: url(/img/folder-medblue.png);
}
#navbtns > li.account.selected {
    background-image: url(/img/user-medblue.png);
}
#navbtns > li.info.selected {
    background-image: url(/img/info-medblue.png);
}
#navbtns > li.bidperiod.selected {
    background-image: url("/img/clockDkBlue.png");
}
#navbtns > li.goto-tripnav, #tripnavbtns > li.goto-tripnav, #tripnavbtns > li.goto-ietripnav {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjI1NyIgaGVpZ2h0PSIyNTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwOi8vc3ZnLWVkaXQuZ29vZ2xlY29kZS5jb20vIC0tPgogPGRlZnM+CiAgPHN5bWJvbCBpZD0ic3ZnXzIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgPGcgaWQ9InN2Z180Ii8+CiAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0yMy41NzMsMjQ2LjQyNTAwM2MtMS4yODk5OTksNzMuNTY0MDExIDIyLjAyNTk5OSwxMzIuMTg4MDA0IDcwLjYyNTk5OCwxNzYuNTg5MDA1YzQ4LjYwOTAwMSw0NC4wNDE5OTIgMTAzLjA0NTAwNiw2Ni4wNzkwMSAxNjIuOTc5OTg4LDY2LjA3OTAxYzQwLjE1MTAwMSwwIDc4LjA1OTk5OCwtOS40MDEwMDEgMTEzLjM2NzAwNCwtMjguMjAxMDE5YzM1LjI4Njk4NywtMTkuMTE3OTgxIDYzLjgwNDk5MywtNDYuMzM1OTk5IDg1Ljg3Mjk4NiwtODIuNjE2OTc0YzIxLjY3ODAwOSwtMzUuOTYzMDEzIDMyLjM4OTAwOCwtNzcuNzQyMDA0IDMyLjA1MTAyNSwtMTI1LjY5NjAxNGMtMC42MzUwMSwtNDUuOTc3MDA1IC0xMS42NzMwMDQsLTg2LjE2MDAwNCAtMzMuMzUxMDEzLC0xMjAuODYyYy0yMS40MTE5ODcsLTM0LjYyMDk4NyAtNDkuODg5MDA4LC02MS41NDIgLTg1LjIwNzAwMSwtODAuMjgwOTkxYy0zNS4zMjgwMDMsLTE5LjA5NyAtNzIuNTgwOTk0LC0yOC41MTggLTExMS4xMzUwMSwtMjguNTE4Yy0yNi41NTI5OTQsMCAtNTMuMTQ1MDA0LDQuODQzIC04MC4wMDUwMDUsMTQuMjQ0MDAxYy0yNi44Nzk5OSw5LjY5Njk5OSAtNTIuMTcyOTgxLDI0LjI5OSAtNzUuNDc4OTgxLDQzLjc1NTAwMWMtMjMuNjUzOTk5LDE5Ljc2MyAtNDIuNDQ1LDQzLjA1ODk5OCAtNTYuNDAyLDcwLjYxNDk5Yy0xNC4yNDM5OTksMjcuMTc3MDAyIC0yMS45OTUwMSw1OC45NjIwMDYgLTIzLjMxNzAyLDk0Ljg5Mzk5N2wwLDBsLTAuMDAwOTkyLC0wLjAwMTAwN2wwLjAwMDAxMSwwbDAuMDAwMDEsMHptMTI5LjkxNTAwNywtMTAzLjMxMTAwNWMtNS4xODEsOS43MTgwMDIgLTEwLjM2Mjk5MSwyNS4yNDIwMDQgLTE1LjU0Mzk5MSw0Ni42MjMwMDFjLTUuMjEyMDA2LDIxLjM2MTAwOCAtOC4xMDAwMDYsNDAuMTgyMDA3IC04LjQxNzAwNyw1Ni42OTkwMDVsLTg0LjIxMzk5NywwYzUuMTcwOTk4LC01Ni4zNjEwMDggMjIuOTg4OTk4LC0xMDAuNzYyMDA5IDUzLjQyMTk5NywtMTMyLjUxNjAwNmMzLjI1NzAwNCwzLjI1Njk4OSA3LjQ2NTAwNCw2LjE4NTAwNSAxMy4yOTEsOS40MDAwMDJjNS44MzY5OTgsMy4yMzYgMTIuMzE5LDYuNDgxOTg3IDE5LjQxNTAwMSw5LjcxNzk5NWM3LjQ4NjAwOCwzLjIzNTk5MiAxNC42MDIwMDUsNi40OTE5ODkgMjIuMDQ2OTk3LDEwLjA3NTk4OWwwLDBsMCwwLjAwMDAzMWwwLC0wLjAwMDAxNXptNDMuNzU0OTksLTg5LjQ0NTk5OWMtMTUuNTY1MDAyLDIyLjAxNTk5OSAtMjguMjEwOTk5LDQ1LjY4MSAtMzguMjM1OTkyLDcxLjI2MDAwMmMtMjQuNjA3MDEsLTExLjY2MzAwMiAtMzkuODU0MDA0LC0yMC4wODEwMDEgLTQ2LjAwODAwMywtMjUuNTc5MDAyYzIxLjA1Mzk5MywtMjEuMzgwOTk3IDQ4LjkyNjk5NCwtMzYuNjE4IDg0LjI0Mzk5NiwtNDUuNjgxbDAsMHptMjcuODIyMDA2LC02LjEzMzk5OWMyLjMxMzk5NSwtMC4zMzgwMDEgNC41NTY5OTIsLTAuNjc1OTk5IDYuNTExOTkzLC0wLjk4MzAwMmMyLjI4Mzk5NywtMC4zMzc5OTcgNC41MzYwMTEsLTAuMzM3OTk3IDcuNDY1MDEyLC0wLjMzNzk5N2w3LjQzMzk5LDBsMCwxMDEuMDc5MDA2Yy03Ljc3MjAwMywwIC0xNy44MDc5OTksLTEuMzAwMDAzIC0zMC40NTM5OTUsLTQuMTc4MDI0Yy0xMi42MjYwMDcsLTIuNjAwOTgzIC0yNS42MDAwMDYsLTYuMTY0OTc4IC0zOC41NTMwMDksLTEwLjA3NTk4OWMxMi4zMTksLTMwLjQ2NDAwNSAyOC4xNjAwMDQsLTU4Ljk1MjAwMyA0Ny41OTYwMDgsLTg1LjUwNDAwNWwwLDBsMCwwLjAwMDAxMXptMjEuNDAxMDAxLDEyMS4xMzkwMDRsMCw3Ny43NjIwMDlsLTk3LjE5Nzk5OCwwYzAsLTMwLjE1Njk5OCA3LjE0ODAxLC02Mi4yMTgwMDIgMjEuMzgxMDEyLC05Ni4yMTQ5OTZjMzEuNzYzOTkyLDEyLjI4Nzk5NCA1Ny4wMzY5ODcsMTguNDUyOTg4IDc1LjgxNjk4NiwxOC40NTI5ODhsMCwwem0wLDk3LjQ5NDk5NWwwLDc4LjcyNTAwNmMtMTkuMDk3LDAgLTQ0LjA2MzAwNCw2LjE4NDk5OCAtNzQuNTE2OTk4LDE4LjQ4MzAwMmMtNC40OTQ5OTUsLTguNzU1MDA1IC05LjM3OTk5LC0yMy45NjIwMDYgLTE0Ljg4ODk5MiwtNDUuOTk4MDE2Yy01LjE3MTAwNSwtMjIuMzYzOTgzIC03Ljc5MjAwNywtMzkuMTk5MDA1IC03Ljc5MjAwNywtNTEuMTk5OTgybDk3LjE5Nzk5OCwtMC4wMTAwMXptLTExNi45NDAwMDIsMGMwLDI1LjI4Mjk5IDcuNDUzOTk1LDU5Ljk0NTAwNyAyMi42NjA5OTUsMTAzLjk5Nzk4NmMtMzMuMzMwOTk0LDE2Ljg1NTAxMSAtNTEuMTY4OTk5LDI2LjI1NTAwNSAtNTMuNDYyOTk3LDI4LjIwMTAxOWMtMTYuNTE2OTk4LC0xNy43OTY5OTcgLTI5LjEzMjk4OCwtMzkuNTE1OTkxIC0zOC4yMTUsLTY0Ljc3ODAxNWMtOS4wNTE5OTgsLTI1LjI4MTk4MiAtMTMuNjE4OTk5LC00Ny42MzY5OTMgLTEzLjYxODk5OSwtNjcuNDE5OTgzbDgyLjYzNjk5MywwbC0wLjAwMDk5MiwtMC4wMDEwMDd6bTExNi45NDAwMDIsOTcuMTk3OTk4bDAsMTA0LjY0MTk5OGwtMjEuNDEyMDAzLC0xLjI3OTk5OWMtMTguNDMyMDA3LC0yNS42MTk5OTUgLTM0LjY0MTk5OCwtNTQuNzY0MDA4IC00Ny41ODUwMDcsLTg2LjgyNDk4MmM5LjA4MzAwOCwtNC41MTYwMjIgMzIuMDcyMDA2LC0xMC4wMTQwMDggNjguOTk3MDA5LC0xNi41MzgwMjVsMCwwbDAsMC4wMDEwMDd6bS04Ny40NzAwMDEsMjQuNjI3MDE0YzE2LjgzNCwzNS4wMjA5OTYgMjkuODA4OTksNTguOTYyMDA2IDM5LjUyNjAwMSw3MS45MzYwMDVjLTI4LjE2MDAwNCwtOC40MTc5OTkgLTU2LjY4OTAxMSwtMjQuMDAyMDE0IC04NS41NDQ5OTEsLTQ2LjY2Mjk5NGMxNS41NzQ5ODksLTEwLjA1NTAyMyAzMC44MDE5OTQsLTE4LjQ3MzAyMiA0Ni4wMTkwMDUsLTI1LjI3MjAwM2wwLDBsLTAuMDAwMDE1LC0wLjAwMTAwN3ptMTI4Ljk0MTk4Niw3OC43MzU5OTJsLTIxLjA1MzAwOSwxLjI3OTk5OWwwLC0xMDMuMzQyMDFjMjIuMDE2MDIyLDEuMjc5OTk5IDQ1LjAyNjAwMSw2LjQ4MTk5NSA2OC45OTcwMDksMTUuMjM3Yy0xOS40NDU5ODQsNDIuNzYxOTkzIC0zNS42MzUwMSw3MS42MDgwMDIgLTQ3Ljk0NCw4Ni44MjUwMTJsMCwwem0xMTIuNDI1MDE4LC01My40NjMwMTNjLTIxLjY3ODAwOSwyMi42NjEwMTEgLTQ5LjU3MTk5MSwzNy45MTc5OTkgLTg0LjI1NTAwNSw0NS4wMzYwMTFjNi44MjAwMDcsLTguNDM4MDE5IDEyLjY0NzAwMywtMTcuNSAxNy44MTcwMTcsLTI2LjU4MzAwOGM0LjkwNDk5OSwtOS4wNjMwMTkgOS40MTA5OCwtMTguNDYyMDA2IDEzLjI5MDk4NSwtMjguNTE5MDEyYzMuOTAxMDAxLC05LjY5Njk5MSA2LjE2NDAwMSwtMTQuODU4MDAyIDYuNTExOTkzLC0xNS4yMTYwMDNjMjUuODk3MDAzLDEyLjY2NzAyMyA0MS40MzEsMjEuMDYzMDE5IDQ2LjYzMzAyNiwyNS4yODMwMmwwLDBsMC4wMDE5ODQsLTAuMDAxMDA3em02Ni43NTUwMDUsLTE0Ny4wOTc5OTJjMCwyMy4zMTY5ODYgLTQuODg1MDEsNDcuNjM2OTkzIC0xNS4yNDgwMTYsNzIuOTE5MDA2cy0yMi4zNTM5NzMsNDUuMDE0OTg0IC0zNi41OTc5OTIsNTkuMjc4OTkyYy0zLjU2Mjk4OCwtMi45MTc5OTkgLTEwLjAzNTAwNCwtNi41MDE5ODQgLTE5LjQ2NjAwMywtMTEuMzM1OTk5Yy05LjM4MDAwNSwtNC44NjQwMTQgLTIxLjA0Mjk5OSwtMTAuOTk3OTg2IC0zNC42MjE5NzksLTE4LjEzNTAxYzE2LjUwNjk4OSwtNDIuNDQ0OTc3IDI0LjU5NTk3OCwtNzYuNDYxOTc1IDI0LjU5NTk3OCwtMTAyLjcxNzAxbDgxLjMzNzAwNiwtMC4wMDk5NzlsMC4wMDEwMDcsMHptLTEwMy4wNDUwMTMsMGMwLDI4LjUzOTAwMSAtNy4xMjY5ODQsNjAuNjAxMDEzIC0yMS4zOTE5OTgsOTcuMTk3OTk4Yy04LjEwMDAwNiwtNC41MTU5OTEgLTIwLjA3OTk4NywtOS4wODMwMDggLTM1Ljk2MzAxMywtMTMuMjYwOTg2Yy0xNS41NDM5NzYsLTQuNTU3MDA3IC0yOC44MTQ5NzIsLTYuMTY0MDAxIC0zOS44MzM5ODQsLTUuMjIzMDIybDAsLTc4LjcyNDk3Nmw5Ny4xODc5ODgsMC4wMDk5NzlsMC4wMDEwMDcsMC4wMDEwMDd6bS05Ny4xODc5ODgsLTk3LjQ5NDk5NWMyMC4wOTEwMDMsMCA0NS4zNjMwMDcsLTYuMTY1MDA5IDc1Ljc4NjAxMSwtMTguNDYyOTk3YzQuNTM1OTgsNy40NDQ5OTIgOS40MDEwMDEsMjIuMDM2MDExIDE0LjI2Mzk3Nyw0My4wOTk5OTFjNC41MzYwMTEsMjAuNzE0OTk2IDcuMTI3MDE0LDM4LjU0Mjk5OSA3LjEyNzAxNCw1My4xMjVsLTk3LjE3ODAwOSwwbDAsLTc3Ljc2MTk5M2wwLjAwMTAwNywwem0xNDcuMDg3OTgyLC01NC43NjI5ODVjMTYuMjA5OTkxLDE1LjU3NDk4MiAyOS4xNDMwMDUsMzUuMzE3OTc4IDM4Ljg4MTk4OSw1OS45NTQ5ODdjOS43MDcwMDEsMjQuNjE3MDA0IDE0LjI3NDAxNyw0OC45MzcwMTIgMTQuMjc0MDE3LDcyLjU1OTk5OGwtODIuNjM2OTkzLDBjMCwtMzEuMTE5MDAzIC03Ljc3MjAwMywtNjUuNDQ0IC0yMy4yOTYwMjEsLTEwMy4zMjIwMDZjMjMuNjAyOTk3LC0xMS4zOTcwMDMgNDEuNDMxLC0yMS4wNzM5OSA1Mi43NzcwMDgsLTI5LjE5NGwwLDBsMCwwLjAwMTAyMnptLTEzLjYwOTk4NSwtMTQuNTYxMDJjLTUuMjAxOTk2LDQuNTM3MDEgLTIwLjA5MTAwMywxMy41OTg5OTkgLTQ1LjM1Mjk5NywyNi44Nzk5OTdjLTExLjY3MzAwNCwtMjguODE1OTg3IC0yNS42MTk5OTUsLTUzLjQ2Mjk5NyAtNDEuNDYyMDA2LC03My44NDA5OTZjMzAuNzYwOTg2LDkuMDYzIDU5LjkxNDAwMSwyNC42MDYwMSA4Ni44MTUwMDIsNDYuOTYwOTk5bDAsMGwwLDAuMDAwMDA4bDAsLTAuMDAwMDA4em0tMTEzLjcxNDAyLC01MS44MTQ5OTljMTkuMTE4MDExLDIzLjMzNzAwOSAzNS42NDQ5ODksNTEuMTU5IDQ5LjI0Mzk4OCw4NC4xODI5OTVjLTEyLjYyNTk3Nyw4LjE2MTAxMSAtMzUuNjM0OTc5LDEzLjM0MzAxOCAtNjguOTk3MDA5LDE1LjU3NTAyN2wwLC0xMDEuMDc5MDE0bDcuNDQ1MDA3LDBjNi40OTIwMDQsMCAxMC42NzAwMTMsMC4zMzgwMDEgMTIuMzA4MDE0LDEuMzIxMDExbDAsLTAuMDAwMDE5eiIgaWQ9InN2Z181Ii8+CiAgPC9zeW1ib2w+CiA8L2RlZnM+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHJlY3Qgb3BhY2l0eT0iMC43NSIgc3Ryb2tlPSJibGFjayIgaWQ9InN2Z18xIiBmaWxsPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwIiBoZWlnaHQ9IjI1NiIgd2lkdGg9IjI1NiIgcnk9IjQwIiByeD0iNDAiIHk9IjEiIHg9IjEiLz4KICA8Y2lyY2xlIGlkPSJzdmdfOCIgcj0iMTIwIiBjeT0iMTMwLjE4NzUiIGN4PSIxMjkuMzQzNzUiIHN0cm9rZS1vcGFjaXR5PSIwIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJudWxsIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2Utd2lkdGg9IjEwIiBzdHJva2U9IiMwMDAwMDAiIGZpbGw9IiNmZmZmZmYiLz4KICA8dXNlIG9wYWNpdHk9IjAuNzUiIHg9IjI0MS45NTUyMyIgeT0iOTMuMTY2NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC45MjMxMTY3NTkwNjgzODE2LDAsMCwwLjkyMTAwMjg5OTE5MDA0MzUsLTIxMy4yNjI4ODE4MjI2Nzk1MywtNzUuNjU4MjA3NzI5MTU4MzUpICIgeGxpbms6aHJlZj0iI3N2Z18yIiBpZD0ic3ZnXzMiLz4KIDwvZz4KPC9zdmc+');
}
#navbtns ul#bidperiod-ul,
#navbtns ul#account-ul,
#navbtns ul#support-ul {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-width: 104px;
    position: absolute;
    background-color: #f3f3f3;
    border: 1px solid #001f3f;
    border-top: 0;
    border-right: 0;
    left: 0;
    width: 100%;
}
#navbtns ul#bidperiod-ul {
    min-width: 170px;
}
#navbtns ul#support-ul {
    min-width: 130px;
}
#navbtns ul#bidperiod-ul li,
#navbtns ul#account-ul li,
#navbtns ul#support-ul li {
    margin: 0;
    padding: 0 14px;
    text-align: left;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}
#navbtns ul#bidperiod-ul li,
#navbtns ul#support-ul li {
    border-right: 1px solid #001f3f;
}
#navbtns ul#bidperiod-ul li:hover,
#navbtns ul#account-ul li:hover,
#navbtns ul#support-ul li:hover {
    text-decoration: underline;
}
#topbar {
    width: 100%;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    z-index: 5;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0ff", endColorstr="#007ae6");
    background: -moz-linear-gradient(top, #33a0ff, #007ae6);
    background: -webkit-linear-gradient(top, #33a0ff, #007ae6);
    background: -o-linear-gradient(top, #33a0ff, #007ae6);
    background: -ms-linear-gradient(top, #33a0ff, #007ae6);
    background: linear-gradient(top, #33a0ff, #007ae6);
    color: #ffffff;
    text-shadow: -1px 1px #007ae6;
}
#topbar div.navigation {
    float: right;
}
#topbar div.navigation a {
    color: #ffffff;
    font-size: 15px;
    margin-left: 15px;
    margin-right: 15px;
    text-shadow: -1px -1px #007ae6;
    text-decoration: none;
}
#wrapper {
    width: 100%;
    border: 0;
    height: 100vh;
    overflow: auto;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 101px;
}
#content {
    padding-bottom: 225px;
}
#content h2 {
    color: #007ae6;
}
.ui-widget-header,
.ui-dialog-titlebar {
    border: none;
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid #aaaaaa;
    background: none;
}
.ui-tabs .ui-tabs-nav li {
    font-size: 14px;
}
.ui-dialog-titlebar {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0ff", endColorstr="#007ae6");
    background: -moz-linear-gradient(top, #33a0ff, #007ae6);
    background: -webkit-linear-gradient(top, #33a0ff, #007ae6);
    background: -o-linear-gradient(top, #33a0ff, #007ae6);
    background: -ms-linear-gradient(top, #33a0ff, #007ae6);
    background: linear-gradient(top, #33a0ff, #007ae6);
    color: #ffffff;
    text-shadow: -1px 1px #007ae6;
}
.profileName {
    background-image: none;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 1.1em;
    line-height: 25px;
    padding-left: 33px;
}
.profileName.manage {
    background-image: url(/img/folderWhite.png);
}
.profileName.account {
    background-image: url(/img/userWhite.png);
}
.profileName.support {
    background-image: url(/img/infoWhite.png);
}
div.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f3f3f3;
    border-top: 1px solid #727272;
    padding: 10px 0;
    margin: 0 auto;
}
div.footer > div {
    margin: 0 auto;
    width: 770px;
}
div.footer > div > div {
    display: block;
    float: left;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
}
div.footer > div > div > a,
div.footer > div > div > a:link,
div.footer > div > div > a:visited,
div.footer > div > div > a:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    display: block;
}
div.footer > div > p {
    clear: both;
    padding-top: 20px;
    text-align: center;
    font-size: 13px;
}
div.footer > div > div > a.sublink {
    padding-top: 3px;
    font-weight: normal;
    font-size: 11px;
    padding-left: 10px;
}
/**
 * (C)Leanest CSS spinner ever
 */
@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}
.progress {
    position: relative;
    display: inline-block;
    width: 5em;
    height: 5em;
    margin: 0 .5em;
    font-size: 12px;
    text-indent: 999em;
    overflow: hidden;
    animation: spin 1s infinite steps(8);
}
.small.progress {
    font-size: 6px;
}
.large.progress {
    font-size: 24px;
}
.progress:before,
.progress:after,
.progress > div:before,
.progress > div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 2.25em; /* (container width - part width)/2  */
    width: .5em;
    height: 1.5em;
    border-radius: .2em;
    background: #eee;
    box-shadow: 0 3.5em #eee; /* container height - part height */
    transform-origin: 50% 2.5em; /* container height / 2 */
}
.progress:before {
    background: #555;
}
.progress:after {
    transform: rotate(-45deg);
    background: #777;
}
.progress > div:before {
    transform: rotate(-90deg);
    background: #999;
}
.progress > div:after {
    transform: rotate(-135deg);
    background: #bbb;
}

/****************************************************************
  ccl.alertView dialog
****************************************************************/
/* Grayed out background (contains the message box) */
.uialertview-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    /* turn off margin-top so we don't animate in */
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
}
.uialertview-message-box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -150px;
    width: 300px;
    background-color: rgba(255,255,255,0.9);
    border-radius: 10px;
    overflow: hidden;
    /* turn off margin-top so we don't animate in */
    -webkit-transition: margin-top 0;
    -moz-transition: margin-top 0;
    -o-transition: margin-top 0;
    transition: margin-top 0;
}
.uialertview-title {
    width: 280px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.uialertview-message {
    width: 280px;
    overflow-x: hidden;
    max-height: 300px;
    overflow-y: auto;
    padding: 0 10px 10px 10px;
    font-size: 14px;
    text-align: center;
}
.uialertview-buttons button {
    display: inline-block;
    border: none;
    background-color: rgba(230,230,230,0.1);
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #007ae6;
}
.uialertview-buttons .uialertview-button-left {
    width: 150px;
    border-top: solid 1px #d1d1d1;
}
.uialertview-buttons .uialertview-button-right {
    width: 149px;
    border-left: solid 1px #d1d1d1;
    border-top: solid 1px #d1d1d1;
}
.uialertview-buttons .uialertview-button-wide {
    width: 300px;
    border-top: solid 1px #d1d1d1;
}
.uialertview-message .prompt {
    margin-top: 5px;
    width: 100%;
    margin-left: 10px;
    padding: 5px;
}
.uialertview-message .promptLabel {
    display: block;
    font-weight: bold;
    text-align: left;
    padding-left: 11px;
    padding-top: 3px;
}
.no-title .ui-dialog-titlebar {
    display: none;
}
.ui-dialog.no-close button.ui-dialog-titlebar-close {
    display: none;
}
#topbar ul.navigation {
    margin: 0;
    padding: 0;
    font-size: 11px;
    float: right;
}
#topbar ul.navigation > li {
    background-position: center 7px;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 15px;
    list-style-type: none;
    position: relative;
    font-weight: bold;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
}
#topbar ul.navigation > li > a {
    color: #ffffff;
    text-shadow: -1px 1px #007ae6;
}
#topbar ul.navigation > li > ul.navdown {
    display: none;
    position: absolute;
    top: 33px;
    background-color: #fcfcfc;
    z-index: 10000;
    list-style: none;
    list-style-type: none;
    margin: 5px 3px;
    padding: 0;
    border: 1px solid #000000;
}
#topbar ul.navigation > li > ul.navdown > li {
    background-position: 2px 1px;
    background-repeat: no-repeat;
    background-size: 20px;
}
#topbar ul.navigation > li > ul.navdown > li,
#topbar ul.navigation > li > ul.navdown > li > a {
    font-size: 12px;
    font-weight: bold;
    color: #727272;
    margin: 5px 10px 8px 10px;
    padding: 0;
    padding-left: 30px;
    text-shadow: none;
    line-height: 20px;
}
#topbar ul.navigation > li > ul.navdown > li > a {
    margin: 0;
    padding: 0;
    text-shadow: none;
}
li.phone {
    background-image: url(/img/phoneGray.png);
}
li.email {
    background-image: url(/img/emailGray.png);
}
li.license {
    background-image: url(/img/documentGray.png);
}
li.sla {
    background-image: url(/img/servicesGray.png);
}
li.privacy {
    background-image: url(/img/privacyGray.png);
}
#contact-ul {
    left: -3px;
}
#pricing-ul {
    width: 200px;
}
a.morenav {
    background-position: right center;
    background-image: url(/img/arrowWhite.png);
    background-size: 11px;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-bottom: 2px;
}
#license h2,
#sla h2,
#privacy h2 {
    color: #000000;
}
#pricing-cont, 
#license-cont,
#sla-cont,
#privacy-cont {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 55px;
}
#pricing {
    font-size: 17px;
}
#pricing h2 {
    text-align: left;
    color: #007ae6;
}
#pricing div.table {
    border: 1px solid #007ae6;
    border-radius: 4px;
    margin: 0 auto;
}
#pricing table {
    margin: 0 auto;
    border-radius: 6px;
    border: 0;
    background-color: #fcfcfc;
    width: 100%;
    border-spacing: 0;
}
#pricing table td.label {
    width: 150px;
    text-align: right;
}
#pricing table td span.value {
    color: #007ae6;
    font-weight: bold;
}
#pricing table td {
    padding: 15px 15px 0 15px;
    border: 0;
}
#pricing table td.small {
    font-size: 12px;
    font-style: italic;
}
#pricing table td.medium {
    font-size: 14px;
    padding-bottom: 15px;
}
.contract {
    font-size: 14px;
    max-width: 650px;
    margin: 0 auto;
}
.contract h2, 
.contract h3 {
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.contract .center {
    text-align: center;
}
.contract ol, 
.contract ul {
    margin-top: 0;
}
.contract li {
    margin-bottom: 5px;
    margin-right: 10px;
}
.contract .formRow label {
    margin: 0;
    vertical-align: top;
    text-align: left;
    margin-left: 20px;
    min-width: 100px;
}
.contract table {
    width: 100%;
    background-color: #efefef;
    border: 1px solid #000000;
    margin: 5px;
}
.contract table td {
    border: 1px solid #000000;
    padding: 3px;
    padding-left: 15px;
}
.happy-customers {
    margin: 25px auto;
    padding: 10px;
    border: 1px solid #007ae6;
    border-radius: 6px;
    width: 90%;
    height: 210px;
}
hr {
    margin-top: 50px;
    height: 2px;
    background: #007ae6; 
    background-image: linear-gradient(to right, #ffffff, #007ae6, #ffffff);
    border: 0;
    clear: both;
}
.hcHeader {
    display: block;
    position: relative;
    top: -32px;
    font-size: 18px;
    color: #007ae6;
    font-weight: bold;
    background-color: #ffffff;
    width: 130px;
    padding: 10px;
    text-align: center;
}
#testimonials {
    position: relative;
    top: -30px;
    margin-left: 15px;
    overflow: hidden;
}
.testimonial {
    margin-left: 8px;
    padding: 0 10px 10px 0;
    display: none;
    float: left;
    width: 40%;
    min-width: 48%;
    overflow: hidden;
}
.testimonial .quote {
    color: #727272;
    font-weight: bold;
    display: block;
    padding: 0 40px 0 100px;
    background-image: url(/img/quoteLtGray-Lg.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 55px;
    min-height: 58px;
}
.testimonial .attrib {
    color: #999999;
    font-style: italic;
    display: block;
    float: none;
    clear: both;
    font-weight: normal;
    padding-top: 7px;
}
.testimonial img {
    height: 120px;
    float: left;
    padding-right: 10px;
}
.testimonial img.emoji {
    height: 20px;
    float: none;
    vertical-align: middle;
    padding: 0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .profileName {
        max-width: 350px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    div.footer {
        display: none;
    }
    #contact-ul {
        left: -85px;
    }
    .contract {
        max-width: 100%;
    }
}

#preblocks-info-form {
    margin-left: 160px;
}
.preblockDate > a.ui-state-default {
    background: #247be7;
    color: #ffffff;
}
.preblockDate > a.ui-state-active {
    background: #ffffff;
    color: #247be7;
    font-weight: bold;
}
.availableDate > a.ui-state-default::before {
    content: "*";
    color: #ff0000;
    font-weight: bold;
}