/* GeneralStyle */
html { display: block; width:100%; min-width:1280px; margin-left:auto; margin-right:auto; }
@font-face { font-family: MyriadPro-Light; font-weight:400; src: url('/fonts/MyriadPro-Light.otf') format("opentype"); }
@font-face { font-family: MyriadPro; font-weight:400; src: url('/fonts/MyriadPro-Regular.otf') format("opentype"); }
@font-face { font-family: MyriadPro-Semibold; font-weight: 600; src: url('/fonts/MyriadPro-Semibold.otf') format("opentype"); }
@font-face { font-family: Lato-Light; font-weight:400; src: url('https://static.andygrace.com/fonts/Lato-Light.ttf') format("truetype"); }
@font-face { font-family:'Open Sans'; font-weight:400; src: url('https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2') format('woff2'); }
body { max-width:1320px; background: #ffffff; color: #000; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 15px; margin-left: auto; margin-right: auto; width:100%; }
a { color: #165660; text-decoration: none; }
#my-video { width:800px; height:450px; margin-left: auto; margin-right: auto; }
h1, h5 { margin: 15px; font-size: 44px; color: #000; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 1px 1px 1px #fff; text-align: center; }
h1 span, h5 { font-size: 20px; display: block; color: #60817a; }
/* Header Style */
.header { width:100%; line-height: 20px; font-size: 12px; margin-left: auto; margin-right: auto; background: #ffffff; text-align: center; opacity: 0.9; text-transform: uppercase; z-index: 4; }
.header a { letter-spacing: 1px; text-shadow: 1px 1px 1px #eee; color: #444; text-align: center; margin-left: auto; margin-right: auto; }
.header a:hover { color: #888; }
.header a span { font-weight: bold; }
.header span.right_ab { position:absolute; right:4px; }
.header_button { width: 100px; height: 135px; float: left; border: 0; }
/* Subheader Style */
.subheader { width: 900px; line-height: 20px; font-size: 9px; margin-left: auto; margin-right: auto; background: #ffffff; text-align: center; opacity: 0.9; text-transform: uppercase;z-index: 4; }
.subheader a { letter-spacing: 1px; text-shadow: 1px 1px 1px #eee; color: #444; text-align: center; margin-left: auto; margin-right: auto; }
.subheader a:hover { color: #888; }
.subheader a span { font-weight: bold; }
.subheader span.right_ab { position: absolute; right: 4px; }
.subheader_button { width: 100px; height: 60px; float: left; border: 0; }
.subHeaderAgent { width: 600px; line-height: 20px; font-size: 9px; margin-left: auto; margin-right: auto; background: #ffffff; text-align: center; opacity: 0.9; text-transform: uppercase; z-index: 4; }
.splitHeaderLeft { width:275px; text-align:left; float:left; }
.splitHeaderCentre { width:450px; text-align:center; float:left; margin-top:18px; font-size: 24px; font-family: "MyriadPro-Light"; font-weight: 600; }
.splitHeaderRight { width:275px; text-align:right; float:left; }
/* Section Headers */
.agmSectionHeader { width:100%; }
.agmSectionHeader800 { width:800px; margin-left:auto; margin-right:auto; }
.agmSectionHeader1100 { width:1100px; margin-left:auto; margin-right:auto; }
.agmSectionHeaderLeft { width:70%; float:left; text-align:left; }
.agmSectionHeaderRight { width:30%; float:left; text-align:right; }
/* Retina Display Quad res */
.retinaPlayImage { width:24px; height:30px; border:0; }
.retinaPlayButton { width:79px; height:79px; border:0; }
.dotPoints { width:90%; margin-left:20px; margin-top:20px; font-family:Helvetica, Arial, Sans-serif; text-align:left; font-size:16px; font-weight:400; }
.dotPointsDateline { width:90%; margin-left:auto; margin-right:auto; margin-top:20px; font-family:Helvetica, Arial, Sans-serif; text-align:left; font-size:14px; font-weight:400; }
.dotPointsCTA { width:70%; margin-left:auto; margin-right:auto; margin-top:30px; font-family:Helvetica, Arial, Sans-serif; font-size:16px; }
.barChartUsage { width: 350px; height: 250px; margin-left: auto; margin-right: auto; }
.navlist li { display: inline; list-style-type: none; padding-right: 20px; }
.tabsContent { display: none; }
.descDisplayMetadata { margin: 2px; width: 314px; height: 72px; margin-left: 10px; font-family: "MyriadPro"; font-size:14px; font-weight:400; resize: none; }
.adminheader { width: 430px; font-size: 11px; text-align: center; margin-top: 10px; margin-left: auto; margin-right: auto; }
.agmAdminFooter { width: 1000px; margin-left: auto; margin-right: auto; margin-top: 5px; font-size: 10px; text-align: center; }
#addContactBtn { border: 0; width:300px; height: 50px; }
#addContactCtn { margin-right: 10px; margin-top: 10px; height: 50px; margin-bottom: 10px; }
.spacerForCell { text-align: left; margin-left: 5px; margin-top: 25px; }
.waveformDisplay { height:135px; width:240px; }
.notesMetadata { width: 450px; }
.cardCont { width: 250px; margin-left: auto; margin-right: auto; }
.centreHxeavy { text-align: center; font-weight: 600; }
.imageStillSmall { max-height:138px; margin-left:0; }
.clientCard135 { max-height:135px; }
.frameG { width: 250px; max-height: 140px; }
.frameA2 { width: 270px; height: 180px; }
.frameI { width: 250px; max-height: 140px; overflow: scroll; }
.frameG2 { width: 320px; height: 180px; margin-left:-15px; overflow: hidden;}
.frameI2 { width: 270px; overflow: auto; }
.audioObjectRender { width: 240px; height:135px; }
.actionButton48 { width: 48px; height: 48px; }
.light200 { text-align: left; font-weight: 200; }
.privateListBox { width:400px; font-family: "MyriadPro"; font-size:14px; font-weight:200; color:rgb(78, 81, 85); }
/* New Console Style */
#profileCircle { width: 50px; height: 50px; margin-left: auto; margin-right: auto; }
.metadataPane { width: 1320px; margin-left: auto; margin-right: auto; margin-bottom: 0; }
#mainHeaderPane { width: 1320px; margin-left: auto; margin-right: auto; margin-bottom: 0; }
#mainContentPane { width: 1320px; min-height:1080px; margin-left: auto; margin-right: auto; }
.androidContentPane { width:400px; margin-left:auto; margin-right:auto; }
.topSearchHeader { width: 1320px; height: 100px; }
#socialButtonsImg { width: 393px; height: 96.5px; border: 0; }
#actionButtonBar { width: 1260px; height: 150px; margin-left: auto; margin-right: auto; background-image: url(https://static.andygrace.com/client/actionButtonBarBg2x.png); }
#actionButtonBarImg { width: 1260px; height: 150px; border: 0; }
#brandingPicker { width:160px; height:100px; text-align:center; }
.widgetContainer { border:0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13), 0 5px 10px 0 rgba(0, 0, 0, 0.13); background-size: 492px 630px; border-radius: 0.22em; background-color: #f7f8fa; margin-top:5px; }
.widgetHeader { height:63px; width:100%; }
.widgetHeaderIcon { float:left; margin-left:20px; margin-top:18px; width:40px; margin-right:20px; }
.widgetHeaderTitle { float:left; margin-top:20px; font-family:MyriadPro; font-weight:400; font-size:18pt; color:#4e5155; }
.widgetBody { width:100%; background-color:#ffffff; border-radius: 0.22em 0.22em 0.22em 0.22em; }
.videoWidgetContainer { width:576px; height:420px; border:0; margin-left:10px; margin-right:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13), 0 5px 10px 0 rgba(0, 0, 0, 0.13); background-size: 576px 420px; border-radius: 0.22em; background-color: #f7f8fa; margin-top:5px; margin-bottom:5px; float:left; }
.dashInfoIcon { width:44px; height:44px; }
.dashListsIcon { width:39px; height:36px; }
.dashLocationIcon { width:23px; height:34px; }
.dashMediaTargetIcon{ width:36px; height:36px; }
.dashNewsIcon { width:35px; height:31px; }
.dashPlayIcon { width:24px; height:30px; }
.dashStorageIcon { width:29px; height:25px; }
.dashUserIcon { width:32px; height:32px; }
.dashFullWidth { width:1250px; }
input[type="checkbox"] { cursor: pointer; -webkit-appearance: none; appearance: none; background: #dddddd; position: relative; width: 20px; height: 20px; border-width: 2px; border-radius: 2px; margin-left:10px; border-color: #39c0d3; transition: all .3s linear; }
input[type="checkbox"]:checked { background-color: #39c0d3; }
input[type="checkbox"]:focus { outline: 0 none; box-shadow: none; }
/* assemble video button */
input#splice {
width: 80px;
height: 80px;
background-color: #ff2200;
border: 1px solid #ff2200;
color: #fff;
font-size: 14px;
font-weight: 600;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
box-shadow: 2px 2px 15px rgba(0, 0, 0, .75);
}
input#splice:hover {
background: #c20b0b;
border: 1px solid #c20b0b;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .75);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .75);
box-shadow: 0px 0px 5px rgba(0, 0, 0, .75);
}
#splicevideo {
cursor: pointer;
width: 80px;
height: 80px;
background-color: #ff2200;
border: 1px solid #ff2200;
color: #fff;
font-size: 14px;
font-weight: 600;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
box-shadow: 2px 2px 15px rgba(0, 0, 0, .75);
}
#splicevideo:hover {
background: #c20b0b;
border: 1px solid #c20b0b;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .75);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .75);
box-shadow: 0px 0px 5px rgba(0, 0, 0, .75); }
#clientAvatar {
width: 158px;
height: 158px;
margin-left: auto;
margin-right: auto;
}
#clientProfileName {
width: 90%;
margin-left: auto;
margin-right: auto;
font-size: 30px;
font-family: "MyriadPro";
font-weight: 600;
color: rgb(78, 81, 85);
text-align: center;
}
.clientProfileAdr {
width: 90%;
margin-left: auto;
margin-right: auto;
font-size: 14px;
font-family: "MyriadPro";
font-weight: 200;
color: rgb(78, 81, 85);
text-align: center;
}
#clientProfileEdit {
width: 90%;
margin-left: auto;
margin-right: auto;
font-size: 14px;
font-family: "MyriadPro";
font-weight: 200;
color: #39c0d3;
text-align: center;
}
.clientAccountWidePane { width:780px; margin-left:auto; margin-right:auto; float:left; }
.clientAccountSlimPane { width:340px; margin-left:auto; margin-right:auto; float:left; }
#clientEmployerName { width: 90%; margin-left: auto; margin-right: auto; font-size: 14px; font-family: "MyriadPro"; font-weight: 600; color: rgb(78, 81, 85); text-align: center; }
#avatarImg { width: 158px; height: 158px; border-radius: 50%; }
#tinyAvatarImg { width:44px; height:44px; border-radius: 50%; border-width:4px; border-color:#dddddd; }
.avatarClass { width: 158px; height: 158px; border-radius: 50%; }
.avatarTinyClass{ width:44px; height:44px; border-radius: 50%; border-width:2px; border-color:#dddddd; }
#contentPane { width: 1215px; height: 1200px; overflow:hidden; float: left; background-color: #f7f8fa; overflow-y:scroll; }
#androidPane { width:404px; overflow:scroll; background-color: #f7f8fa; }
#whiteContentPane { width: 1215px; min-height: 1000px; max-height: 1200px; overflow-y:scroll; float: left; background-color: #f9fafc; }
#removeItAll { margin-top: 20px; margin-bottom: auto; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 13px; text-align: center; }
#playArrow { width: 24px; height: 30px; margin-top: 10px; float: left; }
#arrowSpace { width: 40px; height: 50px; float: left; }
#agmSocialTopBar { width: 100%; max-width:1298px; height: 100px; margin-left:auto; margin-right:auto; margin-top:20px; }
#contentTopBar { width: 100%; height: 50px; }
#topSpacer100 { width: 100px; height: 50px; float: left; }
#socialShareBar { width: 500px; height: 100px; float: left; }
#contentControlBar { width: 300px; height: 50px; float: left; }
.whiteBackground { background-color:white; }
.tableLightRow { background-color:#f8f8f8; }
.tableDarkRow { background-color:#e8e8e8; }
.imageBox { max-width:838px; min-height:250px; max-height:488px; margin-left: auto; margin-right: auto; margin-top:20px; margin-bottom:20px; text-align:center; }
.imageOnly { max-width:838px; max-height:450px; }
.docSls { margin-top: 16px; margin-left: 3px; }
.salesDocTop { width: 1100px; height: 120px; text-align: center; margin-left: auto; margin-right: auto; }
.adminSlsTop { width: 1100px; font-size: 20px; text-align: right; }
.videoPlayBox { width: 800px; height: 450px; margin-left: auto; margin-right: auto; }
.videoPlayBoxSD { width:1024px; height:576px; margin-left: auto; margin-right: auto; }
.videoPlayBox720p { width:1280px; height:720px; margin-left: auto; margin-right: auto; }
.videoPlayBox1080p { width:1920px; height:1080px; margin-left: auto; margin-right: auto; }
.videoPlayContainer { width:100%; margin-left: auto; margin-right: auto; margin-top:5px; }
.videoPlayWings { width:230px; height:440px; float:left; }
.videoPlayWide { width:1260px; margin-left:auto; margin-right:auto; }
.videoPlayWideEncoding { width:1260px; background-color:#ff8877; margin-left:auto; margin-right:auto; }
.smallVideoPlayBox { width:500px; height:290px; margin-left:auto; margin-right:auto; }
.audioPlayBox { width: 800px; height: 480px; margin-left: auto; margin-right: auto; }
#fullMetadataCtn { width:1260px; height:700px; margin-left: auto; margin-right: auto; }
#fullBrandingAssetCtn { width: 1320px; min-height: 700px; margin-left: auto; margin-right: auto; }
#containerLeft { width:667px; height:700px; float: left; }
#corpContainerLeft { width: 667px; height: 667px; float: left; background-color: #f7f8fa; border: 1px solid #eeeeee; }
#assetMetadataBox { width: 667px; border: 1px solid #eeeeee; background-color: #f7f8fa; margin-left: auto; margin-right: auto; }
#assetUsedByBox { width: 667px; border: 1px solid #eeeeee; background-color: #f7f8fa; margin-left: auto; margin-right: auto; }
#containerRight { width: 565px; height: 667px; float: left; }
#clientContainerLeft { width: 565px; height: 667px; float: left; background-color: #ffffff; border: 1px solid #eeeeee; }
#dlBtnCtn { width: 565px; height: 113px; background-color: #f7f8fa; border: 1px solid #eee; }
#dlBtnCtnClient { width: 565px; height: 113px; background-color: #ffffff; border: 1px solid #eee; }
#dlMapCtn { width: 565px; height: 530px; border: 1px solid #eeeeee; }
#btnDlFinished { width: 300px; height: 50px; border: 0; margin: 10px; }
#btnDlRaw { width: 214px; height: 50px; border: 0; margin: 10px; }
.centreActionBarButtons { width: 1100px; margin-left: auto; margin-right: auto; }
.centreActionBarButtonsAdmin { width: 1200px; margin-left: auto; margin-right: auto; }
.topPhotostreamBox { width:800px; height:90px; margin-left:auto; margin-right:auto; margin-top:2px; margin-bottom:2px; overflow:auto; background-color: #f7f8fa; }
.bottomMoreLikeThisAdmin { width: 1260px; height: 130px; background-color: #f7f8fa; border: 1px solid #eeeeee; margin-left: auto; margin-right: auto; }
#bottomTranscript { width: 1260px; height: 200px; background-color: #f7f8fa; border: 1px solid #eeeeee; margin-left: auto; margin-right: auto; }
#bottomTransTextArea { width:90%; height:100px; resize:none; margin-left:auto; margin-right:auto; margin-top:10px; font-family: MyriadPro; font-weight:400; font-size:14px; }
#bottomExif { width: 1260px; height:400px; background-color: #f7f8fa; border: 1px solid #eeeeee; margin-left: auto; margin-right: auto; overflow:scroll;}
.actionBarButtonClient { width: 120px; margin-left: auto; margin-right: auto; margin-top:23px; text-align: center; float: left; font-family: MyriadPro-Semibold; font-weight:600; font-size:14px; }
.actionBtn { width: 80px; height: 80px; }
.resultTitleFont{ font-size: 24px; font-family: "MyriadPro-Light"; text-align: left; }
#metaTitleFont { font-size: 24px; font-family: "MyriadPro-Light"; color: rgb(78, 81, 85); text-align: left; margin-left: 20px; margin-top: 7px; width: 620px; height: 36px; float: left; }
#playTriangle { width: 24px; height: 30px }
.metadataCentrePadding { width: 26px; height: 700px; float: left; }
#uploadNewContentButton { width: 272px; height: 50px; }
.makeNewContentButton { width: 272px; height: 50px; }
.mediumCard { width: 362px; height: 712px; margin-left: 15px; margin-right: 15px; margin-top: 15px; margin-bottom: 15px; float: left; border: 1px solid #eeeeee; background-size: 360px 712px; background-repeat: no-repeat; border-radius: 0 0 1.2em 1.2em; overflow-y: auto; }
.mediumStill { width: 360px; height: 200px; overflow: hidden; }
.mediumStillLink { width: 360px; height: 202.5px; border: 0; overflow-y: auto; }
.mediumStillAudioBg { width: 360px; height: 202.5px; border: 0; background-image: url(https://static.andygrace.com/audioBgWaveform.png); }
.displayMediumCard { width: 360px; height: 712px; border: 0; overflow-y:auto; }
.smallCard { width: 303px; height: 213px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; float: left; border: 0; }
.displaySmallCard { width: 303px; height: 213px; border: 0; }
/* dashboard */
.dashClientHalf { text-align:center; width:120px; float:left; }
.dashPadding { width: 4px; height: 1080px; float: left; }
.dashPaddingSocial { width: 20px; height: 50px; float: left; }
.dashPadding10 { width: 10px; height: 1080px; float: left; }
#dashPrivateListsLeft { width: 620px; height:580px; float:left; }
#dashPrivateListsRight { width: 500px; height: 580px; float: left; }
#dashPrivateListsWide { width: 1200px; height: 260px; float: left; }
.dashPrivateListsPadding { width: 20px; height: 50px; float: left; }
#dashLeft { width: 409px; height:1080px; float: left; }
#dashMiddle { width: 317px; height: 1080px; float: left; }
#dashRight { width: 484px; height: 1080px; float: left; }
#dashListsLeft { width: 492px; height: 1080px; float: left; }
#dashListsRight { width: 753px; height: 1080px; float: left; }
#dashMidClips { width: 321px; height: 1006px; }
#dashMedTargets { width: 492px; height: 352px; }
#dashSmallerTargets { width: 492px; height: 411px; }
#dashMedMarkets { width: 492px; height: 411px; }
#dashBigMap { width: 753px; height: 963px; }
#dashAvatar { width: 412px; height: 637px; }
#dashUsageMeter { width: 412px; height: 347px; }
#dashSiteNews { width: 492px; height: 207px; }
#dashOtherVids { width: 272px; margin-left: auto; margin-right: auto; text-align: center; font-size: 14px; font-family: "MyriadPro"; font-weight: 200; color: rgb(78, 81, 85); }
.dashGreyTargetsRow { width:98%; background-color:#f5f8fc; height:50px; }
.dashWhiteTargetsRow { width:98%; background-color:#ffffff; height:50px; }
.dashCheckTarget { float:left; width:40px; text-align:center; margin-top:18px; }
.dashNameTarget { float:left; text-align:left; width:440px; margin-top:18px; margin-left:10px; font-size: 14px; font-family: "MyriadPro"; font-weight:200; color: rgb(78, 81, 85); }
.dashListNameTarget { float:left; text-align:left; width:350px; margin-top:18px; font-size: 14px; font-family: "MyriadPro"; font-weight:200; overflow:hidden; color: rgb(78, 81, 85); }
.dashListAddBtn { width:200px;height:20px; }
.dashListConnectListbox { width:430px; text-align:center; float:left; margin-top:12px; }
.dashListConnectJoin { width:200px; text-align:center; float:left; margin-top:18px; font-size: 14px; font-family: "MyriadPro"; font-weight:200; color: rgb(78, 81, 85); }
.dashListSpaceIt { width:310px; height:20px; float:left; }
.dashListConnectIt { width:440px; text-align:center; float:left; }
.dashListsConnect { width:400px; height:20px; text-align:center; margin-left:auto; margin-right:auto; }
.immediateShare { width: 25%; float: left; text-align: center; }
.immediateButtons { width: 100%; height: 72px; margin-top: 24px; background-color: #f5f8fc; border-radius: 0 0 1.2em 1.2em; }
.ownerUploaded { width: 100%; height: 120px; border-top: 1px #eee; border-bottom: 1px #eee; background-color: #fff; }
.contentOwnerLeft { width: 162px; height: 120px; float: left; text-align: center; }
.contentDivider { width: 3px; height: 120px; float: left; }
.contentOwnerRight { width: 195px; height: 120px; float: left; text-align: center; }
.contentMetadata { width: 100%; height: 270px; background-color: #ffffff; }
.contentDescription { width: 90%; height: 100px; font-family: 'Open Sans'; font-size: 14pt; margin-left: auto; margin-right: auto; text-align: center; color: #b9c0cf; background-color: #fff; }
.contentUserUploaded { width: 90%; height: 126px; margin-left: auto; margin-right: auto; }
.contentTitle { width: 90%; height: 40px; font-family: 'Open Sans'; font-size: 20pt; text-align: center; color: #373f52; margin-left: auto; margin-right: auto; }
.contentLocation { width: 90%; height: 20px; font-family: 'Open Sans'; font-size: 14pt; text-align: center; color: #b9c0cf; margin-left: auto; margin-right: auto; }
.immButton { width: 72px; height: 72px; margin-left: auto; margin-right: auto; }
.contentSep { width: 3px; height: 74px; margin-top: 26px; }
.changeView { width: 30px; height: 30px; margin: 10px; }
.contTiny { width:20px; height:20px; }
.contSpace20 { width:20px; height:20px; float:left; }
.contSpacer { width: 40px; height: 20px; float: left; }
.contIcon { width: 40px; height: 20px; float: left; text-align: center; }
.contTimeDateText { width: 60px; height: 20px; float: left; text-align: left; }
.contentTimeOfUploadHead { width: 100%; font-family: 'Open Sans'; font-size: 10pt; color: #b9c0cf; }
.contentOwnerDateData { font-family: 'Open Sans'; font-weight: 200; }
.newUploadMedia { width: 272px; height: 50px; margin-left: auto; margin-right: auto; }
.newUploadBtn { width: 272px; height: 50px; }
.cardSmallContainer { width: 272px; height: 180px; overflow: hidden; margin-left: auto; margin-right: auto; }
.cardOverlayContainer { width: 272px; height: 180px; overflow: hidden; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; float: left; }
.cardTinyContainer { width: 140px; height: 90px; overflow: hidden; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; float: left; font-size:8pt; }
.cardMoreLikeContainer { width: 160px; height: 110px; overflow: hidden; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; float: left; font-size:8pt; }
.cardSmallImg { width: 320px; height: 180px; overflow: hidden; margin-left: auto; margin-right: auto; }
.cardTinyImg { width: 160px; height: 90px; overflow: hidden; margin-left: auto; margin-right: auto; }
.corpMetadata { width: 270px; height: 180px; background-color: #ffffff; }
.corpTitle { width: 95%; min-height: 30px; font-family: 'Open Sans'; font-size: 16pt; text-align: center; color: #373f52; margin-left: auto; margin-right: auto; }
.corpDescription{ width: 95%; height: 70px; font-family: 'Open Sans'; font-size: 10pt; margin-left: auto; margin-right: auto; text-align: center; color: #b9c0cf; background-color: #ffffff; }
.corpLocation { width: 95%; height: 20px; font-family: 'Open Sans'; font-size: 12pt; text-align: center; color: #b9c0cf; margin-left: auto; margin-right: auto; }
.corpUploaded { width: 100%; height: 95px; border-top: 1px #eeeeee; border-bottom: 1px #eeeeee; background-color: #ffffff; }
.corpOwnerLeft { width: 120px; height: 80px; float: left; text-align: center; }
.corpDivider { width: 3px; height: 80px; float: left; }
.corpOwnerRight { width: 147px; height: 80px; float: left; text-align: center; }
.corpSpacer { width: 10px; height: 10px; float: left; }
.corpSep { width: 3px; height: 74px; margin-top: 6px; }
.wide180y { width:100%; height:180px; }
#corpActionBar { width: 1260px; height: 150px; background-color: #f7f8fa; border: 1px solid #eeeeee; margin-left: auto; margin-right: auto; }
#clientActionBar { width: 1160px; height: 150px; background-color: #ffffff; border: 1px solid #eeeeee; margin-left: auto; margin-right: auto; }
#clientMetadataCtn { width: 1162px; height:700px; margin-left: auto; margin-right: auto; }
.wideMeta650 { width: 650px; float:left; }
.wideMetaUndo { width: 100px; height:100px; float:left; }
#calendar { width: 1000px; margin-top: 30px; margin-left: auto; margin-right: auto; }
.calendarContainer { width: 800px; height: 30px; }
.calendarKey { width: 800px; height: 30px; }
.calendarValue { float: left; width: 600px; }
.containerCalAdd { width: 800px; height: 210px; background-color: #eeeeee; margin-left: auto; margin-right: auto; }
.undoButton { width: 80px; height: 100px; margin-left:auto; margin-right:auto;}
.wideMetaKey { width: 180px; height: 40px; text-align: right; margin-left:80px; float: left; font-family: MyriadPro; font-size: 12pt; font-weight: 600; }
.corpMetaKey { width: 170px; height: 40px; text-align: right; float: left; font-family: MyriadPro; font-size: 12pt; font-weight: 600; }
.corpMetaValue { width: 410px; height: 40px; margin-left: 20px; text-align: left; float: left; font-family: MyriadPro-Light; font-size: 12pt; font-weight: 200; }
.corpMetaTextarea { width: 420px; height: 100px; margin-left: 20px; text-align: left; float: left; font-family: MyriadPro; font-size: 12pt; font-weight: 200; }
.textareaNoResize { width: 800px; height: 170px; resize:none; }
.clientMetaUpload { width:100%; height:30px; text-align: center; font-family: MyriadPro; font-size: 12pt; font-weight: 600;}
.clientMetaUploadBtn { height:22px; }
.clientMetaAddButton { width:100%; height:50px; text-align: center; }
.clientMetaKey { width: 200px; height: 40px; text-align: right; float: left; font-family: MyriadPro; font-size: 12pt; font-weight: 600; }
.clientMetaValue { width: 250px; height: 40px; margin-left: 20px; text-align: left; float: left; font-family: MyriadPro; font-size: 12pt; font-weight: 200; }
.clientMetaTextarea { width: 250px; height: 100px; margin-left: 20px; text-align: left; float: left; font-family: MyriadPro; font-size: 12pt; font-weight: 200; }
/* sidebar */
.sideBarButton { width: 100px; height: 165px; margin-left: 2px; margin-top: 0; }
#sideBarContainer { width: 102px; height: 1200px; background-color: #3d5567; float: left; }
#sideBarDashContainer { width: 102px; height: 1100px; background-color: #3d5567; float: left; }
.salesFunctions150 { background-color: #eeeeee; width: 150px; height: 30px; line-height: 30px; text-align: right; float: left; }
.adminSocialDownloads { width:100%; }
.adminCentreTop60 { margin-left: auto; margin-right: auto; margin-top: 60px; text-align: center; }
.adminImageDlArea { margin-left: auto; margin-right: auto; margin-top: 6px; text-align: center; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; color: #666666; }
.adminCentreContentSix { margin-left: auto; margin-right: auto; margin-bottom: 6px; text-align: center; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; color: #666666; }
.adminCentreContentSmall { margin-left: auto; margin-right: auto; margin-top: 6px; text-align: center; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; color: #666666; }
.width30 { width: 30px; }
.spacer18y { width: 100%; height: 18px; }
.spacer36y { width: 100%; height: 36px; }
.agmBranding { width: 380px; margin-left: auto; margin-right: auto; text-align: center; }
.agmBrandImg { width: 380px; margin-left: auto; margin-right: auto; border: 0px; }
.agmSmallBrand { width: 350px; margin-left: auto; margin-right: auto; margin-top: 20px; font-size: 8px; font-family: 'Open Sans', Helvetica; text-align: center; font-weight: 200; }
.agmSmallImg { border: 0px; margin-left: auto; margin-right: auto; width: 190px; }
.usersRowKey { width: 200px; height: 18px; float: left; font-size: 14px; font-weight: 600; text-align: left; line-height: 14px; padding: 5px; margin-left: 60px; }
.usersRowValue { width: 480px; height: 18px; float: left; font-size: 14px; font-weight: 400; text-align: left; line-height: 14px; padding: 5px; margin-left: auto; margin-right: auto; }
.usersRowTextarea { width: 480px; height: 200px; float: left; font-size: 14px; font-weight: 400; text-align: left; line-height: 14px; padding: 5px; margin-left: auto; margin-right: auto; }
.usersRowCheckbox { width: 90px; height: 18px; float: left; font-size: 14px; font-weight: 400; text-align: right; line-height: 14px; padding: 5px; margin-left: auto; margin-right: auto; }
.usersRowShortValue { width: 280px; height: 18px; float: left; font-size: 14px; text-align: left; line-height: 14px; padding: 5px; margin-left: auto; margin-right: auto; }
.usersRowBoolean { width: 25px; height: 18px; float: left; text-align: center; padding: 5px; margin-left: auto; margin-right: auto; }
#pressReleaseTitle { margin-left:auto; margin-right:auto; margin-top:30px; font-family:Helvetica, Arial, Sans-serif; font-size:30px; text-align:center; font-weight:600; }
#pressReleaseSlug { margin-left:auto; margin-right:auto; margin-top:30px; font-family:Helvetica, Arial, Sans-serif; font-size:20px; text-align:center; font-weight:600; }
.clientSocialKey { width:240px; height:20px; font-size: 14px; font-weight:600; text-align:center; line-height:20px; padding: 10px; margin-left: auto; margin-right: auto; }
.usersTableSelector { width: 550px; }
.float200 { width: 200px; float: left; }
.float400 { width: 400px; float: left; }
.adminAudioGrabCtn { background-color: #f8f8f8; float: left; margin-top: 3px; margin-right: 3px; }
.adminPlyBtn { width: 100px; float: left; }
.adminContentCtn { width: 360px; float: left; text-align: left; }
.previewPicContainer { width: 1000px; margin-left: auto; margin-right: auto; text-align: center; }
.previewPicTitle { margin-left: auto; margin-right: auto; text-align: center; font-size: 18px; }
.previewPicDesc { margin-left: auto; margin-right: auto; text-align: center; font-size: 12px; }
.adminUploadParam { float: left; width: 140px; margin-left: 6px; margin-right: 10px; margin-top: 4px; margin-bottom: 4px; text-align: left; font-size: 11px; color: #000000; }
.adminUploadValue { float: left; background-color: #f8f8f8; width: 460px; text-align:left; }
.addButton2x { width: 190px; height:50px; }
.adminLogo { margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 380px; }
.corpLogo { height: 85px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; }
.smsTextBox { width: 700px; height: 50px; margin-top: 10px; resize: none; }
#mediaSearchTopBar { margin-left: auto; margin-right: auto; width: 100%; height: 130px;
background: rgba(241, 199, 101, 1);
background: -moz-linear-gradient(-45deg, rgba(241, 199, 101, 1) 0%, rgba(254, 139, 67, 1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(241, 199, 101, 1)), color-stop(100%, rgba(254, 139, 67, 1)));
background: -webkit-linear-gradient(-45deg, rgba(241, 199, 101, 1) 0%, rgba(254, 139, 67, 1) 100%);
background: -o-linear-gradient(-45deg, rgba(241, 199, 101, 1) 0%, rgba(254, 139, 67, 1) 100%);
background: -ms-linear-gradient(-45deg, rgba(241, 199, 101, 1) 0%, rgba(254, 139, 67, 1) 100%);
background: linear-gradient(135deg, rgba(241, 199, 101, 1) 0%, rgba(254, 139, 67, 1) 100%);
}
#mediaSearchBarCtn { margin-left: auto; margin-right: auto; width: 1050px; height: 110px; }
#mediaSearchWingLeft { width: 100px; float: left; border: 0; }
#mediaSearchCentred { width: 800px; height: 110px; margin-left: auto; margin-right: auto; float: left; background-color: rgba(0, 0, 0, 0.1); border: 1px solid #eeeeee; border-radius: 1.2em; }
#mediaSearchWingRight { width: 100px; float: left; border: 0; }
.mediaSearchButton { height: 30px; font-size: 16px; color: #7f7f7f; text-align: center; font-weight: 100; margin-left: auto; margin-right: auto; }
#mediaSearchTermBox { width: 700px; height: 30px; font-size: 16px; color: #7f7f7f; font-weight: 100; margin-left: 50px; margin-top: 20px; }
.searchFieldInputBox{ width: 100px; height: 30px; position: relative; left: 0%; }
#wideResultBkg { width: 100%; min-height: 400px; background-color: #ffffff; }
/* #wideResultFgd { min-width:1000px; max-width:1320px; margin-left: auto; margin-right: auto; } */
/* responsive 3 vs 4 cards per line */
@media only screen and (max-width: 1319px) {
#wideResultFgd{
width:1000px; margin-left: auto; margin-right: auto;
}
}
@media only screen and (min-width: 1320px) {
#wideResultFgd{
width:1320px; margin-left: auto; margin-right: auto;
}
}
.mediaResultContainer { width: 250px; height: 375px; float: left; border: 1px solid #eeeeee; border-radius: 0 0 1.2em 1.2em; background-color: #ffffff; margin: 8px; }
.mediaResultHighlight { width: 250px; height: 375px; float: left; border: 1px solid #e04d24; border-radius: 1.2em; background-color: #fff1f3; margin: 8px; }
.mediaVideoStill { width: 250px; max-height: 140px; margin-top: 0px; text-align: center; margin-left: auto; margin-right: auto; }
.mediaResultMetadata { width: 234px; height: 110px; text-align: left; font-size: 12px; color: #666666; margin-left: 5px; margin-right: 5px; }
.mediaResultOwner { width: 234px; height: 60px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-left: 5px; margin-right: 5px; font-size: 12px; }
.mediaResultIcons { width: 240px; height: 30px; }
.mediaIcon { width: 60px; height: 30px; float: left; margin-left: auto; margin-right: auto; text-align: center; }
.mediaImage { width: 240px; border-top-left-radius: 1.2em; border-top-right-radius: 1.2em; }
/* client header */
#hdrAGMLogo { width: 380px; height: 85px; float: left; }
#hdrSpaceOut { width: 480px; height: 85px; float: left;}
#hdrAGMSpacer { width: 460px; height: 85px; float: left; margin-right:0; }
.hdrAGMLogoImg { width: 380px; height: 85px; border: 0; float:left; }
#hdrAGMSearchCont { width: 460px; height: 85px; margin-right:0px; }
#hdrAGMProfileCont { width: 50px; height: 85px; float: left; }
.mediaResultContainerAdmin { width: 270px; height: 540px; float: left; border: 1px solid #eeeeee; border-radius: 0 0 1.2em 1.2em; background-color: #ffffff; margin: 28px; }
.mediaVideoStillAdmin { width: 270px; height: 180px; overflow-x: hidden; overflow-y: hidden; margin-top: 0px; margin-right:auto; margin-left:auto;}
.mediaAudioStill { width: 270px; height: 180px; background-image: url(https://static.andygrace.com/admin/images/audioBgWaveform270.png); background-size: 270px 180px; background-repeat: no-repeat; }
.mediaResultIconsAdmin { width: 270px; height: 86px; background-color: #f5f8fc; border-radius: 0 0 1.2em 1.2em; }
.mediaIconAdmin { width: 25%; height: 48px; float: left; margin-left: auto; margin-right: auto; text-align: center; margin-top: 18px; }
.subHeaderLeft { width:50%; float:left; text-align:left; }
.subHeaderRight { width:50%; float:left; text-align:right; }
.mediaButtonAdminHalf { width: 80px; height: 80px; }
.headerAdmin { width: 100%; min-width:1200px; height: 128px; border-top: 1px solid #eeeeee; background-color: #f7f8fa; margin-left:auto; margin-right:auto; }
.headerButtonContainer { min-width:1080px; max-width:1200px; margin-right: auto; margin-left: auto; margin-top: 10px; }
#headerButtonContainerAdmin { width:1200px; margin-right: auto; margin-left: auto; margin-top: 10px; }
.headerButtonAdmin { width: 120px; margin-left: auto; margin-right: auto; text-align: center; float: left; font-family: MyriadPro-Semibold; font-weight:600; font-size:14px; }
.actionButtonAdmin { width: 120px; margin-left: auto; margin-right: auto; margin-top:23px; text-align: center; float: left; font-family: MyriadPro-Semibold; font-weight:600; font-size:14px; }
#searchAdminContainer { min-width:1280px; width: 100%; height: 104px; background-color: #39c0d3; }
#hdrAGMSearchClientContainer { width: 404px; height: 85px; background-color: #fff; float:left; }
#searchAdminCentred { width: 800px; height: 40px; margin-left: auto; margin-right: auto; border: 1px solid #eee; border-radius: 1.6em; text-align: center; background-color: #ffffff; }
#searchClientCentred{ width: 400px; height: 40px; margin-left: auto; margin-right: auto; border: 2px solid #ddd; border-radius: 1.6em; text-align: center; background-color: #ffffff; }
#searchClientLeft { width: 330px; height: 38px; font-size: 12px; color: #bbb; font-weight: 100; margin-left: 15px; margin-top: 4px; border: 0; float: left; }
#searchClientRight { width: 40px; height: 38px; float: left; margin-left: 2px; margin-top: 0; border: 0; }
.searchAdminLeft { width: 700px; height: 38px; font-size: 12px; color: #bbb; font-weight: 100; margin-left: 15px; margin-top: 4px; border: 0; float: left; }
.searchAdminRight { width: 40px; height: 38px; float: left; margin-left: 2px; margin-top: 0; border: 0; }
.searchAdminMagGlass{ width: 23px; height: 23px; margin-top: 10px; margin-left: 15px; }
.searchAdminBox { width: 700px; height: 30px; border: 0; }
.searchClientBox { width: 340px; height: 30px; border: 0; }
.notification { width: 800px; height: 30px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; border: 1px solid #eeeeee; color: #ffffff; border-radius: 1.1em; text-align: center; background-color: #39c0d3; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 18px; font-weight: 200; }
.mailListToMail { text-align: left; margin-left: 5px; top: 25px; }
.mailSubject { width: 800px; }
.mailBody { width: 800px; height: 300px; }
.eulaFront { width:90%; margin-left:auto; margin-right:auto; text-align:left; }
.adminCellPhone { border: 1px solid #eeeeee; background-color: #f8f8f8; height: 24px; width: 110px; float: left; font-size: 14px; text-align: center; }
#container { width:100%; height:30px; text-align: center; }
.slugWidth { width:550px; height:50px; resize:none; }
.width40 { width: 40px; }
.width100 { width: 100px; }
.width200 { width: 200px; }
.width240 { width: 240px; }
.width250 { width: 250px; }
.width270 { width: 270px; }
.width300 { width: 300px; }
.width350 { width: 350px; }
.width500 { width: 500px; }
.width960 { width: 960px; margin: 0 auto; }
.width1100 { width: 1100px; margin-left: auto; margin-right: auto; }
.width1200 { width: 1200px; margin-left: auto; margin-right: auto; border-radius: 1.2em; background-color: #fafafa; border: 2px solid #eaeaea; }
.left200 { width:200px; text-align:left; }
.noBorder { border: 0; }
.cb { clear: both; }
.centreJournosNarrow { width: 600px; border-radius: 1.2em; background-color: #fafafa; margin-left: auto; margin-right: auto; border: 2px solid #eaeaea; }
.centreJournos { width: 800px; border-radius: 1.2em; background-color: #fafafa; margin-left: auto; margin-right: auto; border: 2px solid #eaeaea; }
.centreTextJournos { width: 800px; border-radius: 1.2em; background-color: #fafafa; margin-left: auto; margin-right: auto; border: 2px solid #eaeaea; text-align: center; }
.centreJournosWide { width: 1100px; border-radius: 1.2em; background-color: #fafafa; margin-left: auto; margin-right: auto; border: 2px solid #eaeaea; }
.centre100 { width: 100px; margin-left: auto; margin-right: auto; }
.centre240 { width: 240px; margin-left: auto; margin-right: auto; }
.centre320 { width: 320px; margin-left: auto; margin-right: auto; }
.centre600 { width: 600px; margin-left: auto; margin-right: auto; }
.centre640 { width: 640px; margin-left: auto; margin-right: auto; }
.centre800 { width: 800px; margin-left: auto; margin-right: auto; text-align: center; }
.centre1000 { width: 1000px; margin-left: auto; margin-right: auto; text-align: center; }
.centre1010 { width: 1010px; margin-left: auto; margin-right: auto; text-align: center; }
.centre1020 { width: 1020px; margin-left: auto; margin-right: auto; text-align: center; }
.centre1100 { width: 1100px; margin-left: auto; margin-right: auto; text-align: center; }
.centre1120 { width: 1120px; margin-left: auto; margin-right: auto; text-align: center; }
.centre1200 { width: 1200px; margin-left: auto; margin-right: auto; text-align: center; }
.centre1300 { width: 1300px; margin-left: auto; margin-right: auto; text-align: center; }
.centre1100Grey { width: 1100px; background-color: #f8f8f8; padding: 3px; margin-left: auto; margin-right: auto; }
.height30 { height:30px; }
.height60 { height:60px; }
.height111 { height:111px; }
.smsTop { height:70px; background-color: #f8f8f8; text-align: center; margin-left: auto; margin-right: auto; }
.smsEntry { width:900px; height: 20px; text-align: center; margin-left: auto; margin-right: auto; background-color: #eeeeee; }
.smsTxtBlock { width:750px; height:50px; margin-top:10px; resize:none; }
.tagsHighlight { float: left; margin-right: 30px; background-color: #eeeeee; padding: 15px; border-radius: 5px; }
.adminDocsMetaBlock { width:100%; font-size: 14px; }
.videoStill448 { width:448px; height:252px; }
.videoStill256 { width:256px; height:144px; margin-left:auto; margin-right:auto;}
.videoMontage { width: 644px; float: left; height: 360px; padding: 3px; font-size: 20px; color: #fefefe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-position: center; background-repeat: no-repeat; }
.videoDeckContainer { color: #eee; font-size: 20px; height: 310px; margin-left: auto; margin-right: auto; }
.videoDeckRaw { height: 48px; width: 320px; text-align: left; float: left; }
.videoDeckFinished { height: 48px; width: 320px; text-align: right; float: left; }
.distListSelector { font-size: 14px; width: 450px; }
.adminWrapper { background-color: #f8f8f8; width: 800px; margin-left: auto; margin-right: auto; margin-top: 5px; padding: 10px; }
.agmAdminFooter { width: 1000px; margin-left: auto; margin-right: auto; font-family: Helvetica, Arial, sans-serif; font-size: 10px; text-align: center; }
.mailSendMessage { width: 812px; min-height: 560px; top: 50px; padding: 5px; margin-left: auto; margin-right: auto; }
#adminMediaEditContainer { margin-left: auto; margin-right: auto; width: 1020px; min-height: 600px; overflow:scroll; }
#mediaEditParams { background-color: #f8f8f8; width: 460px; height: 500px; float: left; border-top-left-radius: 1.2em; }
#mediaEditDls { width: 620px; height: 480px; background-color: #dddddd; float: left; padding: 10px; border-top-right-radius: 1.2em; text-shadow: 0px 1px 1px rgba(221, 221, 221, 0.96); }
#adminClientDlRaw { width: 460px; float: left; margin-top: 2px; margin-left: auto; margin-right: auto; }
#adminClientDlFinished { width: 620px; float: left; margin-top: 2px; margin-left: auto; margin-right: auto; }
.adminMediaObject { float: left; width: 300px; background-color: #f8f8f8; }
.playButton { width: 100px; float: left; }
.optionHeader { font-family: MyriadPro; font-size: 16px; font-weight: 600; height: 20px; width: 800px; margin-top: 10px; }
#admRemOldAsscHdr { margin-top: 10px; margin-left: auto; margin-right: auto; text-align: center; }
#admRemOldAsscTbl { background-color: #eeeeee; width: 1000px; padding: 1px; text-align: left; margin-left: auto; margin-right: auto; }
.fl250 { float: left; width: 250px; }
.fl350 { float: left; width: 350px; }
.fl350ct { float:left; width:350px; text-align:center; }
.fl200 { float: left; width: 200px; }
.flmargin20 { float:left; margin-left:20px; margin-right:20px; margin-top:30px; }
.multiVtop { height:14px; width:100%; }
.multiVswc { width:320px; height:184px; margin:10px; float:left; background-color:#f8f8f8; border-radius:4px; }
.multiVtitle { width:100%; height:20px; font-size:10pt; font-weight:600; text-align:center; }
.multiVchk { width:50px; float:left; height:144px; }
.multiVstill { width:256px; float:left; height:144px; margin-left:auto; margin-right:auto; }
.multiVbox { margin-top:70px;}
.multicutDesc { font-size:12pt; font-weight:400; text-align:left; }
.adminCentreContent { margin-left: 120px; margin-top: 18px; }
.adminAccountsClient { width: 150px; float: left; height: 30px; line-height: 30px; }
.adminAccountsContact { width: 100px; float: left; height: 30px; line-height: 30px; }
.adminAccountsRight { width: 120px; float: left; height: 30px; text-align: right; line-height: 30px; }
.adminAccountsClientValue { width: 250px; height: 30px; line-height: 30px; text-align: left; float: left; }
.adminAccountsStatusValue { width: 100px; height: 30px; line-height: 30px; text-align: center; float: left; }
.adminAccountsStatusCentre{ width: 150px; height: 30px; line-height: 30px; text-align: center; float: left; }
.adminAccountsStatusRight { width: 150px; height: 30px; line-height: 30px; text-align: right; float: left; }
a.navbar:link { text-decoration: none; color: #555555; }
a.navbar:visited { text-decoration: none; color: #555555; }
a.navbar:active { text-decoration: none; }
a.navbar:hover { text-decoration: underline; color: rgb(205, 86, 6); }
a.signup:link { text-decoration: none; color: #555555; }
a.signup:visited { text-decoration: none; color: #555555; }
a.signup:active { text-decoration: none; }
a.signup:hover { text-decoration: underline; color: #165660; }
a.general:link { text-decoration: none; color: #165660; }
a.general:visited { text-decoration: none; color: #165660; }
a.general:active { text-decoration: none; }
a.general:hover { text-decoration: underline; color: #165660; }
.navbar { color: #555555; margin-left: auto; margin-right: auto; margin-top: 8px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: lighter; }
.navbar visited { color: #555555; font-size: 12px; text-decoration: none; }
.navbar hover { color: rgb(224, 93, 43); font-size: 12px; text-decoration: none; }
#shareBar { width: 500px; height: 100px; float: left; font-size: 14px; }
.shareBtnCtn { width: 79px; height: 100px; float: left; font-family: MyriadPro-Semibold; font-weight:600; text-align:center; }
.shareButn { width: 79px; height: 96.5px; }
.shareButnImg { width: 79px; height: 79px; }
#shareDropboxBtn { width: 79px; height: 100px; }
#shareDropboxBtnImg { width: 79px; height: 79px; }
#shareDropbox { width: 79px; height: 100px; }
.shareButtonSpacer { width: 26px; height: 100px; float: left; }
#shareButtonSpacer { width: 26px; height: 100px; float: left; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #555555; }
.signup { color: rgb(224, 93, 43); font-size: 10px; text-decoration: none; }
.signup hover { color: rgb(224, 93, 43); font-size: 10px; text-decoration: none; }
.general { color: rgb(224, 93, 43); text-decoration: none; }
.general hover { color: rgb(224, 93, 43); font-size: 14px; text-decoration: none; }
.documentsContainerCell { background-color:#cccccc; height:20px; margin-top:2px; margin-bottom:2px; }
.documentsContainerPayload { background-color:#eeeeee; min-height:30px; margin-top:5px; margin-bottom:5px; }
.documentsTwoThirds { float:left; width:66%; text-align:left; }
.documentOneThird { float:left; width:34%; text-align:right; }
.corpTable { width: 800px; border-radius: 1.2em; background-color: #f8f8f8; margin-left: auto; margin-right: auto; border: 2px solid #eaeaea; }
.clear20 { height: 20px; }
.monospace { font-family: monospace; }
.client_wrapper { margin-top: 0; width: 1024px; min-height: 700px; margin-left: auto; margin-right: auto; }
.client_header_wrapper { margin-top: 0; width: 1024px; height: 2px; }
.client_content_wrapper { margin-top: 0; width: 960px; min-height: 461px; }
.statsContactName { width:250px; height:36px; font-size:12pt; float:left; text-align:left; background-color:#f8f8f8; border:1px; }
.statsCompany { width:300px; height:36px; font-size:12pt; float:left; text-align:center; background-color:#fefefe; border:1px; }
.statsDateTime { width:250px; height:36px; font-size:12pt; float:left; text-align:right; background-color:#f8f8f8; border:1px; }
.salesContainerSub { padding:2px; width:100%; font-size:12px; background-color:#ffffff; }
.backgroundPaleGrey { background-color: #eeeeee; }
.cellPaleGrey { background-color: #eeeeee; }
.cellWhite { background-color: #f8f8f8; }
a.clientbar { color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: lighter; margin-left: 8px; margin-right: 8px; margin-top: 4px; text-align: left; text-decoration: none; }
a.clientbar:visited { color: #ffffff; font-size: 14px; text-decoration: none; }
a.clientbar:hover { color: #42c0d1; font-size: 14px; text-decoration: none; }
.fl { float:left; }
.fl600 { float:left; width: 600px; }
.fl550 { float:left; width: 550px; }
.fl500 { float:left; width: 500px; }
.fl450 { float:left; width: 450px; }
.fl320 { float:left; width: 320px; height:180px; }
.fl300 { float:left; width: 300px; }
.fl270 { float:left; width: 270px; }
.fl266 { float:left; width: 266px; height:154px; }
.fl266:active { color: #165660; border:solid 1px red; width: 264px; height:152px;}
.fl250 { float:left; width: 250px; }
.fl200 { float: left; width: 200px; }
.fl120 { float: left; width: 120px; }
.fl150 { float: left; width: 150px; }
.fl100 { float: left; width:100px; }
.fl80 { float: left; width: 80px; }
.fl60 { float: left; width: 60px; }
.fl50 { float: left; width: 50px; }
.flegal50 { float: left; width:50px; height:20px; }
.fl30 { float: left; width: 30px; }
.fl40x50y { width: 40px; height: 50px; float:left; }
.fullWidthTextLeft { width:100%; text-align:left; }
.fullWidthTextCentre { width:100%; text-align:center; }
.fullWidth { width:100%; }
.txc { text-align:center; }
.calendarBox { width:800px;height:30px; }
.loggedin { float: left; margin-top: 10px; width: 320px; height: 95px; }
.loggedInTxt { margin-bottom: auto; margin-left: 80px; margin-right: auto; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: lighter; color: #555555; }
.logoMain { margin-top:20px; }
.selectDistLists { margin-left: auto; margin-right: auto; width: 280px; background-color: #dddddd; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
.distListsCell { font-size:14px; width:450px; }
.notifSub50 { width: 50px; height: 24px; float: left; }
.notifSub600 { width: 600px; float: left; }
.notifSub700 { width: 700px; float: left; }
.notifSub900 { width: 900px; float: left; }
.notifSub1000 { width: 1000px; float: left; }
.clientEditParam { margin-left: 6px; margin-right: 10px; margin-top: 4px; margin-bottom: 4px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; height: 20px; }
.controlPanel { width:800px; margin-left: auto; margin-right: auto; background-color: #eeeeee; border: 0; }
.adminEditParam { margin-left:4px; margin-top:6px; width:120px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; height:20px; float:left; }
.adminEditValue { margin-left:3px; margin-top:3px; width:320px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; height:18px; float:left; }
.adminEditHalfValue { margin-left:3px; margin-top:3px; width:160px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; height:20px; float:left; }
.adminEditTextarea { margin-left:4px; margin-top:4px; width:320px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; height:80px; float:left; }
.inputClassElement { margin:2px; width:314px; }
#tabContainer { width: 800px; margin-top: 5px; margin-left: auto; margin-right: auto; font-family: Arial, Helvetica, sans-serif; }
.bluetab { float: left; width: 180px; height: 26px; background-color: #165660; color: #fff; font-size: 16px; padding: 4px; border-top-left-radius: 1.2em; border-top-right-radius: 1.2em; text-align: center; }
.greytab {
float: left;
width: 180px;
height: 26px;
background-color: #dddddd;
color: #ffffff;
font-size: 16px;
padding: 4px;
border-top-left-radius: 1.2em;
border-top-right-radius: 1.2em;
text-align: center;
}
#tabs1 {
width: 180px;
height: 26px;
background-color: #dddddd;
color: #ffffff;
font-size: 16px;
padding: 4px;
border-top-left-radius: 1.2em;
border-top-right-radius: 1.2em;
text-align: center;
}
#tabs2 {
width: 180px;
height: 26px;
background-color: #dddddd;
color: #ffffff;
font-size: 16px;
padding: 4px;
border-top-left-radius: 1.2em;
border-top-right-radius: 1.2em;
text-align: center;
}
.tabBarContentHeader {
width: 800px;
height: 35px;
color: #ffffff;
font-size: 16px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
list-style-type: none;
padding-left: 10px;
cursor: pointer;
}
#tabs3 {
width: 180px;
height: 26px;
background-color: #dddddd;
color: #ffffff;
font-size: 16px;
padding: 4px;
border-top-left-radius: 1.2em;
border-top-right-radius: 1.2em;
text-align: center;
}
#tabs4 { width: 180px; height: 26px; background-color: #dddddd; color: #ffffff; font-size: 16px; padding: 4px; border-top-left-radius: 1.2em; border-top-right-radius: 1.2em; text-align: center; }
.tabBarContentHeader li { float: left; border: 1px solid; border-bottom-width: 0; margin: 0 0 0 0; }
.tabBarContentHeader #selected { position: relative; top: 1px; background-color: #fefefe; }
.backgroundWhite{ background-color: #ffffff; }
.backgroundWhiteCentre { background-color: #ffffff; text-align: center; }
.blueline { width: 800px; height: 4px; background-color: #165660; color: #ffffff; }
#tabHeaderLine { width: 800px; height: 4px; background-color: #f0ac26; color: #ffffff; }
.tabspacer { float: left; width: 2px; height: 26px; }
#optimised { margin-left: auto; margin-right: auto; margin-top: 4px; margin-bottom: 4px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.light12pt { margin-top: 40px; margin-left: auto; margin-right: auto; text-align: center; font-family: 'Open Sans',Helvetica, sans-serif; font-size: 12px; font-weight: lighter; color: #000000; }
.allOzCheck { width: 100%; font-size: 10px; }
.allOzCheckLeft { width: 50%; float: left; text-align: left; }
.allOzCheckRight { width: 50%; float: left; text-align: right; }
.spacer5px { height: 5px; width: 100%; }
.spacer10px { height: 10px; width: 100%; }
.spacer16px { height: 16px; width: 100%; }
.spacer20px { height: 20px; width: 100%; }
.spacer32px { height: 32px; width: 100%; }
.spacer40px { height: 40px; width: 100%; }
.spacer70px { height: 70px; width: 100%; }
.padding22px { width: 100%; height: 22px; }
.spacer20fl { width: 100%; height: 20px; float:left; }
.fullLightGreyBg { width:100%; background-color:#f8f8f8; min-height:40px; }
.salesSideInputText { width: 350px; height: 20px; margin-left:10px; }
.salesAccountSpacer { padding:10px; width:1180px; }
.salesTableInputForm { width: 100px; height: 30px; position: relative; left: 0%; }
.salesAccountTableRow { height:28px; background-color:#eeeeee; }
.salesLightGreyBg { padding:4px; width:100%; background-color:#f8f8f8; }
.salesAccountsContainer { width:1200px; padding: 2px; margin-left:auto; margin-right:auto; background-color:#fefefe; }
.salesAccountsSubCont { padding:4px; width:100%; margin-left:auto; margin-right:auto; height:30px; line-height:30px; font-family: MyriadPro-Semibold; }
.sales40pxBlock { height:40px; width: 100%; }
.sales100Text30 { width: 100px; float: left; height: 30px; line-height: 30px; }
.sales150Text30 { width: 150px; float: left; height: 30px; line-height: 30px; }
.sales200Text30 { width: 200px; float: left; height: 30px; line-height: 30px; }
.salesBkGr { width: 100%; background-color: #fefefe; text-align: left; }
.salesContentPane { padding: 4px; width: 1205px; margin-left: auto; margin-right: auto; background-color: #f8f8f8; }
.height12 { height:12px; }
.height42 { height:42px; }
.width25 { width:25px; }
.width25l { width:25px; float:left; }
.width750 { width: 750px; float: left; }
#contentClientMain { vertical-align: top; width: 960px; min-height: 580px; background-color: #ffffff; }
#contentClientEditPlay { float: left; width: 460px; height: 230px; background-color: #f0f0f0; border-bottom-left-radius: 1.2em; margin-left: auto; margin-right: auto; }
#contentClientEditRotate { width: 800px; height:460px; background-color: #f0f0f0; border-radius: 1.2em; margin-left: auto; margin-right: auto; }
#contentClientFinishedPlay { float: left; width: 460px; height: 230px; background-color: #f6c75f; border-bottom-left-radius: 1.2em; margin-left: auto; margin-right: auto; }
.contentClientEditSpacer { width: 2px; height: 10px; float: left; }
#contentClientEditHSpacer { height: 2px; width: 10px; }
.contentAdminEditHSpacer { height: 2px; width: 10px; }
#contentClientEditMap { width: 640px; height: 230px; border-bottom-right-radius: 1.2em; float: left; }
.adminSearchBox { width:550px; margin-left: auto; margin-right: auto; }
.centreContent { margin-left: auto; margin-right: auto; text-align: center; }
.clientCentreContent { margin-left: auto; margin-right: auto; text-align: center; background-color:#fff; border: 1px solid #eee;}
.adminCentreContent { margin-left: auto; margin-right: auto; text-align: center; background-color:#f7f8fa; border: 1px solid #eee;}
.greyTable { font-family: 'Open Sans', Helvetica, sans-serif; background-color: #eeeeee; }
.priv_title { width: 90%; height: 20px; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 12px; font-weight: lighter; padding: 5px; text-align: center; }
.priv_list_header { font-family: Helvetica, Arial, sans-serif; background-color: #fdfdfd; text-align: left; font-weight: bold; width: 180px; margin-right: 2px; float: left; }
.priv_list_row { background-color: #f8f8f8; font-family: Helvetica, Arial, sans-serif;font-weight: lighter; font-size: 12px; text-align: left; margin-left: auto; margin-right: auto; font-weight: lighter; width: 730px; padding: 2px; margin-top: 2px; }
.priv_list_cell_email { width: 200px; margin-right: 2px; float: left; }
.priv_list_header_email { width: 200px; margin-right: 2px; float: left; background-color: #fdfdfd; }
.priv_list_table { font-size: 13px; font-family: 'Open Sans', Helvetica, sans-serif; background-color: #eeeeee; margin-left: auto; margin-right: auto; margin-top: 5px; }
.priv_list_row { background-color: #f8f8f8; text-align: left; margin-left: auto; margin-right: auto; font-weight: lighter; width: 730px; padding: 2px; margin-top: 2px; }
.priv_list_cell { font-size: 12px; font-family: 'Open Sans', Helvetica, sans-serif; font-weight: lighter; background-color: #ffffff; text-align: left; width: 180px; margin-right: 2px; float: left; }
.priv_list_cell_name { width: 180px; margin-right: 2px; float: left; color: #165660; }
.priv_list_cell_company { width: 140px; margin-right: 2px; float: left; }
.priv_list_cell_market { width: 120px; margin-right: 2px; float: left; }
.priv_list_cell_delete { width: 80px; margin-right: 2px; float: left; }
.priv_list_header { font-family: 'Open Sans', Helvetica, sans-serif; background-color: #fdfdfd; text-align: left; font-weight: bold; width: 180px; margin-right: 2px; float: left; }
.priv_list_header_name { width: 180px; margin-right: 2px; background-color: #fdfdfd; float:left; }
.priv_list_header_market { width: 120px; margin-right: 2px; background-color: #fdfdfd; float:left; }
.priv_list_header_company{ width: 140px; margin-right: 2px; background-color: #fdfdfd; float:left; }
.priv_list_header_delete{ width: 80px; margin-right: 2px; float: left; background-color: #fdfdfd; }
.parameter { width: 90%; margin-right: auto; margin-top: 10px; text-align: left; font-size: 14px; font-family: "MyriadPro"; font-weight: 600; color: rgb(78, 81, 85); }
.paramValue { height: 30px; width: 600px; margin-left: 10px; line-height: 30px; text-align: left; font-size: 14px; font-family: "MyriadPro"; color: #000000; background-color: #f8f8f8; }
.paramValueTextarea { height: 75px; width: 600px; margin-left: 10px; margin-top: 3px; margin-bottom: 4px; text-align: left; font-family: 'MyriadPro'; font-size: 14px; color: #000000; background-color: #f8f8f8; }
.paramContainer { margin-top: 5px; height: 40px; width: 182px; float: left; }
.paramContainerTxtArea { margin-top: 5px; height: 75px; width: 182px; float: left; }
.paramTextareaContainer { margin-top: 5px; height: 53px; width: 600px; float: left; }
.paramValContainer { margin-top: 5px; height: 40px; width: 610px; float: left; }
.paramInputBox { margin-top: 0; margin-left: 10px; height: 20px; background-color: #f8f8f8; font-size: 14px; font-family: MyriadPro; width: 574px; resize: none; border:0; }
.paramInputTextarea { margin-top: 0; margin-left: 10px; height: 70px; background-color: #f8f8f8; font-size: 14px; font-family: MyriadPro; width: 574px; resize: none; border:0; }
.smallParamInputBox { margin-top: 0; margin-left: 10px; height: 20px; background-color: #f8f8f8; font-size: 14px; font-family: MyriadPro; resize: none; border:0; }
.spacer10pxSquare { width:10px; height:10px; float:left; }
.uploadContentBox { background-color: #eeeeee; border-radius: 1.2em; width: 800px; min-height: 120px; margin-left: auto; margin-right: auto; text-align: left; position: relative; top: 8px; padding: 10px; }
.uploadHalfBoxContainer { width:820px; margin-left:auto; margin-right:auto; }
.uploadContentHalfBoxLeft { background-color: #eeeeee; border-radius: 1.2em; width: 380px; margin-left: 0; text-align: left; position: relative; top: 8px; padding: 10px; float:left; }
.uploadContentHalfBoxRight { background-color: #eeeeee; border-radius: 1.2em; width: 380px; margin-right: 0; text-align: left; position: relative; top: 8px; padding: 10px; float:left; }
.paramTextOnly { margin-top: 8px; margin-left: 11px; height:22px; }
.centreButtons { margin-top: 40px; margin-left: auto; margin-right: auto; text-align: center; }
.techSupportBox { color: #1100c3; background-color: #dffefe; border-radius: 6px; -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.34), inset 0px 0px 0px rgba(0, 0, 0, 1); -webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.34), inset 0px 0px 0px rgba(0, 0, 0, 1);
box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.34), inset 0px 0px 0px rgba(0, 0, 0, 1); width: 90%; margin-top: 150px; margin-bottom: 20px; margin-left: auto; margin-right: auto; }
.adminContainer1000 { width: 1000px; margin-left: auto; margin-right: auto; background-color: #eeeeee; height: 25px; padding: 2px; }
.adminContainerText { margin-left: auto; margin-right: auto; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; padding: 2px; }
.widthCell40 { background-color: #f8f8f8; width: 40px; height: 22px; float: left; margin-left: auto; margin-right: auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: lighter; color: #000000; }
.widthCell80 { background-color: #f8f8f8; width: 80px; height: 22px; float: left; margin-left: auto; margin-right: auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: lighter; color: #000000; }
.widthCell160 { background-color: #f8f8f8; width: 160px; height: 22px; float: left; margin-left: auto; margin-right: auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: lighter; color: #000000; }
.widthCell260 { background-color: #f8f8f8; width: 260px; height: 22px; float: left; margin-left: auto; margin-right: auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: lighter; color: #000000; }
.widthCell440 { background-color: #f8f8f8; width: 440px; height: 22px; float: left; margin-left: auto; margin-right: auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: lighter; color: #000000; }
.widthCell600 { background-color: #f8f8f8; width: 600px; height: 22px; float: left; margin-left: auto; margin-right: auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: lighter; color: #000000; }
.dbContactMetaForm { width:100%; padding:2px; background-color:#eeeeee; }
.cellDistLists { float: left; margin-left: auto; margin-right: auto; width: 178px; height: 20px; font-size: 12px; padding: 1px; text-align:center; }
.cellDistListsHeader { float: left; margin-left: auto; margin-right: 2px; width: 178px; height: 20px; padding: 1px; margin-top: 2px; font-size: 12px; background-color: #dcefff; text-align:center; }
.cellDistListsDel { float: left; margin-left: auto; margin-right: auto; width: 60px; height: 20px; padding: 1px; font-size: 12px; text-align: center; }
.cellDistListsPadded { float: left; width: 500px; margin-left: auto; margin-right: auto; text-align: center; }
.corpDistLists { float: left; width: 280px; margin-left: 50px; margin-right: auto; text-align: left; font-size: 12px; height: 20px; padding: 1px; }
.brandAssetKeys { float: left; width: 150px; margin-left: 50px; margin-right: auto; text-align: left; font-size: 12px; height: 20px; padding: 1px; }
.brandAssetImg { margin-left: auto; margin-right: auto; max-height:450px; max-width:800px; }
.cellDistListsFullName { background-color: #f8f8f8; float: left; text-align: left; margin-left: 30px; width: 320px; height: 20px; font-size: 12px; padding: 1px; margin-top: 2px; margin-right: 2px; }
.cellDistListsDelivery { background-color: #f8f8f8; float: left; text-align: left; font-size: 12px; width: 320px; height: 20px; padding: 1px; margin-top: 2px; margin-right: 2px; }
.cellDistListsShort { background-color: #f8f8f8; float: left; margin-left: auto; margin-right: auto; width: 100px; height: 20px; padding: 1px; text-align: center; font-size: 12px; margin-top: 2px; margin-right: 2px;}
.cellDistListsTiny { background-color: #f8f8f8; float: left; margin-left: auto; margin-right: auto; width: 50px; height: 20px; padding:1px; text-align: center; font-size: 12px; margin-top: 2px; margin-right: 2px; }
.cellDistListsOwner { background-color: #f8f8f8;float: left;margin-left: auto;margin-right: auto; width: 250px; height: 20px; padding:1px; font-size: 12px; margin-top: 2px;margin-right: 2px; }
.cellContactAddMetaBox { height:60px; padding:2px; width:1196px; }
.cellContactAddNote { width:100%; height:50px; resize: none; }
.corpDistListsHeader { background-color: #dcefff; float:left; margin-left:50px; margin-right:auto; width:280px; height:20px; padding:1px; margin-top:2px; margin-right:2px; font-size:12px; }
.corpDistListsShortHeader { background-color:#dcefff; float:left; margin-left:auto; margin-right:auto; width:100px; height:20px; padding:1px; text-align:center; font-size:12px; margin-top:2px; margin-right:2px; }
.corpDistListsTinyHeader { background-color: #dcefff; float:left; margin-left:auto; margin-right:auto; width:50px; height:20px; padding:1px; text-align:center; font-size:12px; margin-top:2px; margin-right:2px; }
.corpDistListsFullNameHeader { background-color: #dcefff; float: left; text-align: left; margin-left: 30px; width: 320px; height: 20px; padding: 1px; margin-top: 2px; margin-right: 2px; font-size: 12px; }
.corpDistListsDeliveryHeader { background-color: #dcefff; float: left; text-align: left; width: 320px; height: 20px; padding: 1px; margin-top: 2px; margin-right: 2px; font-size: 12px; }
.corpDistListsDelHeader { background-color: #dcefff; float: left; margin-left: auto; margin-right: auto; width: 60px; height: 20px; padding: 1px; margin-top: 2px; margin-right: 2px; text-align: center; }
.corpCellName { background-color: #f8f8f8; height: 24px; width: 170px; float: left; font-size: 12px; text-align: left; padding: 1px; margin-top: 2px; margin-left: 15px; margin-right: 2px; }
.corpCellNameHeader { background-color: #dcefff; line-height: 20px; width: 170px; float: left; font-size: 12px; text-align: left; padding: 1px; margin-top: 2px; margin-right: 2px; margin-left: 15px; }
.corpCellMarketHeader { background-color: #dcefff; line-height: 20px; width: 110px; float: left; font-size: 12px; text-align: center; padding: 1px; margin-top: 2px; margin-right: 2px; }
.corpCellPhoneHeader { background-color: #dcefff; line-height: 20px; width: 110px; float: left; font-size: 12px; text-align: center; padding: 1px; margin-top: 2px; margin-right: 2px; }
.corpCellSocialHeader { background-color: #dcefff; line-height: 20px; width: 60px; float: left; font-size: 12px; text-align: center; padding: 1px; margin-top: 2px; margin-right: 2px; }
.corpCellMarket { background-color: #f8f8f8; height: 24px; width: 110px; float: left; font-size: 12px; text-align: center; padding: 1px; margin-top: 2px; margin-right: 2px; }
.corpCellPhone { background-color: #f8f8f8; height: 24px; width: 110px; float: left; font-size: 12px; text-align: center; padding: 1px; margin-top: 2px; margin-right: 2px; }
.corpCellSocial { background-color: #f8f8f8; height: 24px; width: 60px; float: left; font-size: 12px; text-align: center; padding: 1px; margin-top: 2px; margin-right: 2px; }
.checkToggleAll { width: 50%; float: left; font-family: Helvetica, Verdana, Arial; font-size: 10px; }
.alignLeft { text-align: left; width: 50%; }
.alignRight { text-align: right; width: 50%; }
.floatHalf { width:50%; float:left; }
.twitterDisplay { padding:5px; font-family:Helvetica-Neue, Helvetica, sans-serif; }
.bugsTable { width: 1100px; font-family: Helvetica, Verdana; margin-left: auto; margin-right: auto; font-size: 10px; }
.bugsRow { width: 1100px; min-height: 20px; padding: 2px; background-color: #ffffff; margin-left: auto; margin-right: auto; }
.bugsRowGrey { width: 1100px; min-height: 20px; padding: 2px; background-color: #eeeeee; margin-left: auto; margin-right: auto; }
.bugsCellErrorID { width: 50px; min-height: 14px; margin-top: 3px; float: left; }
.bugsCellTitle { width: 250px; min-height: 14px; margin-top: 3px; float: left; }
.bugsCellDate { width: 160px; min-height: 14px; margin-top: 3px; float: left; }
.bugsCellError { width: 860px; max-width: 860px; min-height: 14px; margin-top: 3px; float: left; font-weight: 400; white-space: pre-line; }
.cell70px { width: 70px; }
.cell160px { width: 160px; }
.videoThumb { width: 160px; height:90px; }
.bugsCellStatus { width: 70px; height: 14px; margin-top: 3px; float: left; }
.agmAdminHeaderTable { width: 400px; font-family: MyriadPro; font-size: 14px; margin-left: auto; margin-right: auto; }
.agmAdminHeaderCellLeft { float: left; text-align: center; width: 50px; }
.agmAdminHeaderCellCentre { float: left; text-align: center; margin-top: 18px; width: 300px; }
.agmAdminHeaderCellRight { float: left; text-align: center; width: 50px; }
.adminCellSmallLink { float: left; width: 100px; height: 25px; font-size: 13px; text-align:center; }
.adminCellTextarea { float: left; width: 410px; height: 220px; font-size: 13px; }
.adminEditTable { font-family:MyriadPro; font-size: 14px; width: 800px; margin-left: auto; margin-right: auto; text-align: center; background-color: #f8f8f8; padding: 5px; border-radius: 1.2em; }
.adminEditTableLeft { width: 800px; margin-left:auto; margin-right:auto; text-align:left; background-color: #f8f8f8; padding: 5px; border-radius: 1.2em; }
.adminEditTableHalf { font-family:MyriadPro; font-size:18px; font-weight:600; width:350px; height:20px; padding:15px; margin:10px; text-align: center; background-color: #f8f8f8; border-radius: 1.2em; float:left; }
.adminEditSearch { width: 1000px; margin-left: auto; margin-right: auto; text-align: left; background-color: #eeeeee; padding: 5px; border-radius: 1.2em; }
.adminOptionsValue { height: 18px; width: 320px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.adminOptionsArea { height: 90px; width: 320px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.adminOptionsTextarea { height: 180px; width: 320px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.adminOptionsBigTextarea{ height: 360px; width: 320px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.clientOptionsTextarea { height: 90px; width: 320px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.adminWiderValue { height: 18px; width: 480px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.adminWiderArea { height: 90px; width: 480px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.adminWiderTextarea { height: 180px; width: 480px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.adminWiderBigTextarea { height: 460px; width: 480px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.registerOptionsValue { height: 36px; width: 320px; resize: none; font-family: MyriadPro; font-size:14px; margin-left:10px; }
.clientOptionsValue { height:18px; width:250px; resize:none; font-family:MyriadPro; font-size:14px; }
.clientDescDisplayMetadata { margin: 2px; width: 250px; height: 72px; font-family: MyriadPro; font-size:14px; font-weight:400; resize: none; }
.adminOptionsValueSmall { height:18px; width:150px; resize:none; font-family:MyriadPro; font-size:14px; margin-left:10px; }
.adminOptionsValueCheck { margin-left:10px; margin-top:4px; }
.instaplayVideoBkg { margin: 0; padding: 0; background: url(/img/bg.jpg) repeat; }
.toggleChecks { width: 100%; font-size: 10px; }
.contentwebindex { width: 1000px; background-color: #ffffff; margin-left: auto; margin-right: auto; text-align: left; }
.greyCell { width: 200px; height: 120px; text-align: center; background-color: #ddddde; float: left; }
.ltGreyCell { width: 200px; height: 120px; text-align: center; background-color: #eeeeee; float: left; }
.cell { float: left; background-color: #ffffff; }
.cellname { width: 320px; height: 50px; float: left; background-color: #ffffff; }
.cellemail { width: 320px; height: 50px; float: left; background-color: #ffffff; }
.cellnick { width: 150px; height: 50px; float: left; background-color: #ffffff; }
.cellpostcode { width: 50px; height: 50px; float: left; background-color: #ffffff; }
.celldate { width: 100px; height: 50px; float: left; background-color: #ffffff; }
.cellpic { width: 60px; height: 50px; float: left; background-color: #ffffff; }
.width1000 { width: 1000px; margin-left: auto; margin-right: auto; }
.parameter { float: left; margin-left: 10px; width: 90%; min-height: 20px; padding: 2px; }
.subheadline { height: 40px; margin-top: 20px; font-weight: 600; }
.clearback { height: 25px; width: 100%; background-color: #f5f2ed; margin-top: 10px; }
.accountsTableCell30x2 { background-color:#eeeeee; width:100px; height:30px; line-height:30px; text-align:center; float:left; }
.featuredParam { width: 400px; }
.ltGreyTable { width: 100%; background-color: #eeeeee; }
.ltGreyTableLeft { width: 996px; background-color: #eeeeee; text-align: left; padding: 2px; }
.width800 { width: 800px; margin-left: auto; margin-right: auto; }
.width500l { width:500px; float:left; }
.width550 { width:550px; }
.width50 { width:50px; }
.l5t15 { text-align: left; margin-left: 5px; top: 15px; }
.centreMax250 { border: 0; max-width: 250px; margin-left: auto; margin-right: auto; }
.deletionConfirmMeta { float: left; width: 700px; background-color: #f8f8f8; }
.centre { max-width: 1000px; margin-left: auto; margin-right: auto; }
.updateButton { width: 190px; height: 50px; margin: 10px; text-align: right; }
.newUpdateButton { width: 272px; height: 50px; margin: 10px; text-align: right; }
.updateSmallButton { width: 190px; height: 20px; margin-left: 10px; text-align: center; }
#map-canvas { height: 750px; width: 1000px; margin-left:auto; margin-right:auto; padding: 0px; border: #dddddd solid 1px; border-radius: 5px; -moz-border-radius: 5px; }
#mapsDashboard { width:100%; height:100%; }
#journo-canvas { height: 600px; width: 800px; margin: 0px; padding: 0px; border: #dddddd solid 1px; border-radius: 5px; -moz-border-radius: 5px; margin-left: auto; margin-right: auto; }
.verificationBox { float: left; width: 680px; background-color: #f8f8f8; padding: 5px; border-radius: 1.2em; }
.adminWorkforceKey { float: left; width: 120px; height:17px; margin-top: 3px; margin-left: 5px; }
.adminWorkforceCompany { float: left; width: 260px; height:17px; margin-top: 3px; margin-left: 5px; text-align: left; }
.adminWorkforceName { float: left; width: 180px; height:17px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.adminWorkforceListName { float: left; width: 240px; height:17px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden;}
.adminWorkforceReporter { float: left; width: 140px; height:17px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden;}
.adminWorkforceDistance { float: left; width: 80px; height:17px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.adminWorkforceBuild { float: left; width: 80px; height:17px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.adminWorkforceLocation { float: left; width: 440px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.adminWorkforceList { float: left; width: 360px; height:17px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.adminWorkforceCentre { float: left; width: 130px; height:17px; margin-top: 3px; text-align: center; }
.adminWorkforceNotify { float: left; width: 45px; height:17px; margin-top: 3px; text-align: center; }
.adminWorkforceLastSeen { float: left; width: 190px; height:17px; margin-top: 3px; text-align: center; }
.adminWorkforceValue { float: left; width: 350px; height:17px; margin-top: 3px; }
.adminWorkforceQtrKey { float: left; width: 65px; height:17px; margin-top: 3px; }
.avatarWorkforceKey { float: left; width: 120px; height:30px; margin-top: 3px; margin-left: 5px; }
.avatarWorkforceCompany { float: left; width: 260px; height:30px; margin-top: 3px; margin-left: 5px; text-align: left; }
.avatarWorkforceName { float: left; width: 180px; height:30px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.avatarWorkforceListName { float: left; width: 240px; height:30px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden;}
.avatarWorkforceReporter { float: left; width: 140px; height:30px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden;}
.avatarWorkforceDistance { float: left; width: 80px; height:30px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.avatarWorkforceBuild { float: left; width: 80px; height:30px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.avatarWorkforceLocation { float: left; width: 440px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.avatarWorkforceList { float: left; width: 360px; height:30px; margin-top: 3px; margin-left: 5px; text-align: left; overflow:hidden; }
.avatarWorkforceCentre { float: left; width: 130px; height:30px; margin-top: 3px; text-align: center; }
.avatarWorkforceNotify { float: left; width: 45px; height:30px; margin-top: 3px; text-align: center; }
.avatarWorkforceLastSeen { float: left; width: 190px; height:30px; margin-top: 3px; text-align: center; }
.avatarWorkforceValue { float: left; width: 350px; height:30px; margin-top: 3px; }
.avatarWorkforceQtrKey { float: left; width: 65px; height:30px; margin-top: 3px; }
.avatarWhiteRow { margin-top: 5px; background-color: #f8f8f8; margin-bottom: 5px; font-size: 12px; height: 48px; }
.corpJournoName { background-color: #f8f8f8; float: left; text-align: left; font-size: 12px; margin-left: 30px; width: 180px; line-height: 20px; padding: 1px; margin-top: 2px; margin-right: 2px; }
.corpWorkforceLastSeen { float: left; width: 250px; line-height: 20px; margin-top: 2px; padding: 1px; text-align: center; font-size: 12px; background-color: #f8f8f8; margin-right: 2px; }
.corpWorkforceSMS { float: left; font-size: 12px; padding: 1px; line-height: 20px; width: 40px; text-align: center; background-color: #f8f8f8; margin-right: 2px; }
.corpJournoNameHeader { background-color: #dcefff; float: left; text-align: left; font-size: 12px; margin-left: 30px; width: 180px; line-height: 20px; padding: 1px; margin-top: 2px; margin-right: 2px; }
.corpWorkforceLastSeenHeader { float: left; width: 250px; line-height: 20px; margin-top: 2px; padding: 1px; text-align: center; font-size: 12px; background-color: #dcefff; margin-right: 2px; }
.corpWorkforceSMSHeader { float: left; font-size: 12px; margin-top: 2px; padding: 1px; line-height: 20px; width: 40px; text-align: center; background-color: #dcefff; margin-right: 2px; }
.headerEmployRow { margin-top: 1px; background-color: rgba(58, 194, 212, 0.15); margin-bottom: 5px; font-size: 12px; height: 22px; }
.corpCorpBranding { margin-left:auto; margin-right:auto; max-width:800px; }
.whiteRow { margin-top: 5px; background-color: #f8f8f8; margin-bottom: 5px; font-size: 14px; height: 22px; }
.adminWhiteRow { margin-top: 5px; background-color: #f8f8f8; margin-bottom: 5px; font-size: 12px; height: 22px; }
.adminPinkRow { margin-top: 5px; background-color: #f8d8d8; margin-bottom: 5px; font-size: 12px; height: 22px; }
.corporateheader { width: 800px; line-height: 20px; font-size: 12px; margin-left: auto; margin-right: auto; background: #ffffff; text-align: center; opacity: 0.9; text-transform: uppercase; z-index: 4; }
.corporateheader900 { width: 900px; line-height: 20px; font-size: 12px; margin-left: auto; margin-right: auto; background: #ffffff; text-align: center; opacity: 0.9; text-transform: uppercase; z-index: 4; }
.videoTextOverlay { color: #fff; text-shadow: 0px 2px 2px rgba(47, 47, 47, 0.96); }
.textTitles { text-shadow: 253px 253px 253px rgba(47, 47, 47, 0.96); font-family: Helvetica, Arial, sans-serif; text-align: left; font-size: 0.7em; vertical-align: text-top; padding: 2px; }
.marketsTable { width: 100%; font-family: Helvetica, Verdana, Arial; font-size: 10px; }
.paramCellWhite { width: 15%; background-color: #f8f8f8; }
.paramCellGrey { width: 15%; background-color: #eeeeee; }
.paramCheckWhite { width: 8%; background-color: #f8f8f8; text-align: center; }
.paramCheckGrey { width: 8%; background-color: #eeeeee; text-align: center; }
.paramCellSpacer { width: 2%; }
.adminMailoutHeader { margin-left: auto; margin-right: auto; width: 812px; }
#adminClientEncodingNow { height: 25px; width: 100%; text-align: center; background-color: #39c0d3; color: #ffffff; margin-left: auto; margin-right: auto; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 200; }
.categoryTotal { font: 12px helvetica, arial, sans-serif; text-align: center; margin-left: auto; margin-right: auto; }
#linearPlayer { height: 100px; width: 100%; background-color: #fafafa; text-align: center; margin-left: auto; margin-right: auto; }
#overlayPosition { height: 100%; width: 30%; opacity: 0.6; background-color: #ffffff; margin-left: auto; margin-right: auto; }
#waveform { width: 100%; height: 100px; }
.marktLocn { text-align:left; float:left; width:200px; }
.marktTown { float:left; width:200px; }
.marktLat { float:left; width:200px; }
.marktLong { float:left; width:200px; }
.marktPop { float:left; width:200px; }
.marktSec { float:left; width:200px; }
/* media retrieve */
.mediaRetrieveContainer { width: 640px; background-color: #ffffff; margin-left: auto; margin-right: auto; }
.mediaRetrieveHeader { width: 640px; margin-left: auto; margin-right: auto; margin-top: 50px; }
.mediaRetrieveTitle { margin-left: 0; margin-top: 20px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: lighter; color: #333333; }
.mediaRetrieveDescription { margin-left: 0; margin-top: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: lighter; color: #555555; }
.mediaRetrieveData { margin-left: 0; margin-top: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: lighter; color: #777777; }
.mediaRetrieveButtons { width: 640px; height: 130px; margin-top: 10px; }
.mediaRetrieveLinkDesc { margin-left: auto; margin-right: auto; margin-bottom: 6px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; color: #666666; }
.prRetrieveContainer { width:800px; background-color: #ffffff; margin-left: auto; margin-right: auto; }
.prRetrieveHeader { width: 800px; margin-left: auto; margin-right: auto; margin-top: 50px; }
.prRetrieveTitle { margin-left: 0; margin-top: 20px; margin-bottom: 20px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: lighter; color: #333333; }
.prRetrieveDescription { margin-left: 0; margin-top: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: lighter; color: #555555; }
.retrieveNavContainer { width: 640px; height: 16px; background-color: #ffffff; margin-left: auto; margin-right: auto; text-align: center; }
.posLinkImage { margin-left: auto; margin-right: auto; margin-top: 6px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; color: #666666; border: 0; width: 75px; }
.posQtrCell { width: 25%; text-align: center; float: left; }
.mediaReleaseHeader { max-width: 640px; }
.admUpdateContact { margin-left: auto; margin-right: auto; width: 700px; padding: 5px; background-color: #f8f8f8; font-family: Helvetica, Verdana, Arial; font-size: 12px; }
.admUpdCategory { width: 700px; margin-top: 20px; }
.admBlockCategories { background-color: #e8e8e8; width: 100%; font-size: 10px; }
.admSubCategories { width:25%; text-align:left; float:left; }
.adminMailoutBody { margin-left: auto; margin-right: auto; width: 812px; margin-top: 20px; background-image: url(https://static.andygrace.com/agm_background_image.png); background-position: center; background-repeat: no-repeat; }