
#clear                                             { clear: both; }
#current                                           { color:#fff; border-bottom: 1px dotted white }
#logo                                              { width: 306px; height: 259px; background: url(../images/logo.png) no-repeat; float: left; }
#mediaplayer                                       { margin: 68px 0 0 75px; }
#mediaplayer2                                      { margin: 40px 0 0 32px; }
#mediaplayer3                                      { margin: 82px 0 0 82px; }
#sidebar                                           { text-align:center; }
.addInvoiceItemButton                              { float:right;}
.blueBar                                           { margin-top: 50px; background-color: #0072cf; width: 100%; height: 250px; }
.container                                         { width: 960px; background: url(../images/bg-container.gif) ; margin: 0 auto; padding: 0; display: table; }
.credit                                            { color:green;  font-weight:bold;}
.data                                              { display:table:cell; float:left; font-size: 12px; }
.data2                                             { display:table:cell; float:left; font-size: 12px; }
.datarow                                           { display:table:row;}
.debit                                             { color:red; font-weight:bold;}
.dropshadow                                        { box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80) }
.fillerblock                                       { height: 400px; }
.font1                                             { font-size: 35px; padding-bottom:10px}
.font1b                                            { font-size: 35px; padding-bottom:10px; font-weight:bold;}
.font2                                             { font-size: 20px; padding-bottom:10px}
.font3                                             { font-size: 18px; padding-bottom:10px}
.font4                                             { font-size: 16px; padding-bottom:10px}
.footerContainer                                   { height: 35px; width: 960px; margin: 0 auto; padding-top: 15px; }
.frames                                            { width: 920px; margin: 0 auto; height: 300px; }
.frames .frame:hover                               { background-position: 0 0; }
.frames .moreframe                                 { background: url(../images/moreframe-btn.png) 0 bottom; width: 277px; height: 360px; position: relative; z-index: 10; top: -780px; left: 620px; }
.frames a                                          { text-decoration: none; display: block; text-indent: -9999px; }
.header                                            { width: 100%; }
.invoice                                           { width:750px; border: 1px solid #808080; }
.invoicebillto                                     { padding-left: 10px; padding-top:5px; padding-bottom:5px; float:left; width: 200px; border: 1px solid #808080; margin-top:25px; margin-bottom: 25px; border: 2px solid #808080; border-radius: 0px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80)}
.invoicedate                                       { padding-left: 10px; padding-top:5px; padding-bottom:5px; width: 200px;border: 1px solid #808080; margin-top:25px; margin-bottom: 25px; border: 2px solid #808080; border-radius: 0px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80)}
.invoicedatenumber                                 { float:right; margin:0px; padding:0px;}
.invoiceinfo                                       { display:table; margin-top: 0px; padding-left: 10px; padding-top:5px; padding-bottom:5px;  width:485px; border: 1px solid #808080; margin-top:25px; margin-bottom: 25px; border: 2px solid #808080; border-radius: 0px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80)}
.invoiceledger                                     { margin-top: 15px; padding-left: 10px; padding-top:5px; padding-bottom:5px;  width:650px; border: 1px solid #808080; margin-top:25px; margin-bottom: 25px; border: 2px solid #808080; border-radius: 0px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80)}
.invoicenumber                                     { margin-top: 0px; padding-left: 10px; padding-top:5px; padding-bottom:5px; width: 200px;border: 1px solid #808080; margin-top:25px; margin-bottom: 25px; border: 2px solid #808080; border-radius: 0px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80)}
.linkscell                                         { border:2px solid red; display:table-cell; font-weight:bold; font-size:14px; padding-right:15px;  width:410px;}
.logoSubContainer                                  { background: url(../images/bg-container.gif) ; width: 960px; height: 169px; margin: 0 auto; padding: 0; display:table;}
.main                                              { width: 840px; float: right; padding-bottom: 40px; }
.mainSub                                           { width: 800px; padding-left: 20px; padding-bottom: 40px; padding-right: 20px; }
.mainSub2                                          { width: 800px; float: left; padding-left: 20px; padding-bottom: 40px; padding-right: 20px; }
.mediumWidthContainer                                   { width:650px; margin-left:auto; margin-right:auto; }
.narrowContainer                                   { width:500px; margin-left:auto; margin-right:auto; }
.packagebox                                        { float:left; margin-left: 50px; width:300px; height: 200px; padding:15px; margin-top:25px; margin-bottom: 25px; border: 2px solid #808080; border-radius: 10px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80) }
.photo2gvp                                         { float:right; width:300px; margin-right:20px; margin-bottom:10px; margin-top:30px; display:inline; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80)}
.popupContainer                                    { width: 530px; background: url(/images/bg-container.gif) ; margin: 15px auto; padding: 0; display: table; }
.prompt                                            { }
.prompt1                                           { display:table-cell; float:left; font-size: 16px; font-weight:bold; width: 100px; }
.prompt2                                           { clear:both; margin-bottom: 15px; float:left; font-size: 14px; font-weight:bold; width: 130px; }
.rightblock                                        { float:right; margin:15px; clear:both;}
.rightshadowbox                                    { float:right; text-align:right; width:200px; padding:30px; margin-top:25px; margin-bottom: 25px; border: 2px solid #808080; border-radius: 10px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80) }
.row0                                              { }
.row1                                              { background: rgb(220,220,220); }
.followUpPending                                   { background: rgb(255,255,150); }
.followUpDue                                       { background: rgb(255,150,150); }
.shadowbox                                         { padding:30px; margin-top:25px; margin-bottom: 25px; border: 2px solid #808080; border-radius: 10px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80) }
.shadowbox li                                      { margin-bottom: 10px; }
.shadowboxw                                        { width:650px; padding:30px; margin-top:25px; margin-bottom: 25px; border: 2px solid #808080; border-radius: 10px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80) }
.sidebarRight                                      { margin-top: 50px; width: 170px; float: left; padding-bottom: 15px; border-top: 1px solid #86888a; border-bottom: 1px solid #86888a; margin-left: 30px; margin-right: 20px; }
.sidebarRight p                                    { text-align: justify;}
.sidebarRight h1, .sidebarRight h2, .sidebarRight h3, .sidebarRight h4, .sidebarRight h5, .sidebarRight h6 { margin: 10px 0 10px 0; }
.table                                             { border: 2px solid blue; display:table}
.tablecell                                         { display:table-cell}
.tablecellp                                        { display:table-cell; font-weight:bold; font-size:14px; padding-right:15px;}
.tablecellr                                        { display:table-cell; text-align:right; font-size:14px;}
.tabler                                            { display:table; float:right}
.tablerow                                         { border: 2px solid green; display:table-row}
.topbar .login                                     { margin: 0; float: right; color: #fff; text-transform: uppercase; padding-top: 10px; }
.topbar ul                                         { list-style-type: none; width: 200px; margin: 0; padding: 0; }
.topbar ul li a.first                              { margin: 0; }
.topbar ul li a:hover                              { color: #fff; }
.videoContainer                                    { width: 620px; height: 401px; float: left; margin-top: 12px; margin-bottom: 20px; }
.videoContainer-2                                  { width: 100%; height: 401px; margin: 12px 0 20px 0; }
.videoplayerContainerNoFrame                       { margin-bottom:50px; text-align:center; width:100%; height:360px }
.videoplayerDropShadow                             { margin-bottom:50px; border:7px ridge #808080; width:640px; float:center; margin-left:auto; margin-right:auto; height:360px; box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 6px 5px 8px rgba(0, 0, 0, 0.80) }
.wrap                                              { display: table; height: 100%; width: 100%; }
@font-face                                         { font-family: 'EnglandHandDBRegular'; src: url('../fonts/england-webfont.eot'); src: url('../fonts/england-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/england-webfont.woff') format('woff'), url('../fonts/england-webfont.ttf') format('truetype'), url('../fonts/england-webfont.svg#EnglandHandDBRegular') format('svg'); font-weight: normal; font-style: normal; }
a.logoSub                                          { background: url(../images/logo-sub.png) no-repeat; height: 169px; width: 200px; display:block}
body                                               { background: url(../images/bg.gif) center repeat; margin: 0; padding: 0; color: #747679; height: 100%; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 16px; }
fieldset legend                                    { font-size: 16px; font-weight:bold;}
h1, h2, h3, h4, h5, h6                             { font-family: Georgia, serif; line-height: 150%; }
h1.fancy                                           { font: 35px 'EnglandHandDBRegular', Arial, sans-serif; }
h1.fancycompact                                    { font: 35px 'EnglandHandDBRegular', Arial, sans-serif; margin:0px; padding:0px; margin-bottom: 15px;}
h2                                                 { font-size: 20px; }
h2.fancy                                           { font: 25px 'EnglandHandDBRegular', Arial, sans-serif; }
h3                                                 { font-size: 18px; }
h3.fancy                                           { font: 20px 'EnglandHandDBRegular', Arial, sans-serif; }
h4                                                 { font-size: 16px; }
h4.compact                                        { font-size: 16px; padding:0px; margin:0px; margin-bottom: 15px;}
h5                                                 { font-size: 14px; }
h6                                                 { font-size: 12px; }
html                                               { height: 100%; }
span.fancy                                         { font: 25px 'EnglandHandDBRegular', Arial, sans-serif; }
span.moreBtn                                       { float: right; letter-spacing: 2px; }
span.moreBtn a                                     { color: #747679; text-decoration: none; }
span.moreBtn a:hover                               { color: #95989e; }
ul.socialIcons                                     { width: 120px; float: right; list-style-type: none; margin: 0; padding: 0; }
ul.socialIcons li a.facebook                       { width: 16px; height: 16px; background: url(../images/facebook.png); display: block; float: right; text-indent: -9999px; margin-right: 10px; }
ul.socialIcons li a.twitter                        { width: 16px; height: 16px; background: url(../images/twitter.png); display: block; float: right; text-indent: -9999px; margin-right: 10px; }
ul.socialIcons li a.vimeo                          { width: 16px; height: 16px; background: url(../images/vimeo.png); display: block; float: right; text-indent: -9999px; margin-right: 10px; }
ul.socialIcons li a.youtube                        { width: 16px; height: 16px; background: url(../images/youtube.png); display: block; float: right; text-indent: -9999px; }

