/* Minification failed. Returning unminified contents. (889,40): run-time error CSS1036: Expected expression, found ';' (890,92): run-time error CSS1036: Expected expression, found ';' */ /* -- Universal -- */ body { min-width: 1004px; margin: 0; background: #474747; font-family: Arial, Verdana, sans-serif; font-weight: normal; color: #494949; font-size: medium; overflow-x:hidden } html, body { height: 101%; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size: 2em; margin: 24px 0 22px 0; } h2 { font-size: 1.2em; font-weight: bold; padding-bottom: 22px; } hr.totaltopborder { border-top: 1px solid rgb(217, 217, 217); border-bottom: 3px solid rgb(244, 246, 245); border-left: none; border-right: none; margin: 0px; } hr.totaltopborderdarkergrey { border-top: 1px solid #A4A6A5; border-bottom: 3px solid rgb(244, 246, 245); border-left: none; border-right: none; margin: 0px; } hr.totaltopbordergreyshadow { border-top: 1px solid #A4A6A5; border-bottom: 3px solid #e0e4e7; border-left: none; border-right: none; margin: 0px; } .auto-hint { color: #AAAAAA; } .fileuploadbox { width: 450px; background: rgb(230, 233, 238); border: 1px solid grey; border-radius: 2px; padding: 10px; margin-top: 16px; } .file-upload { position: absolute; top: 10px; left: 0px; overflow: hidden; z-index: 1; } .file-upload input { height: 28px !important; width: 79px !important; width: auto; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .deletelink { color:Gray; margin-top: -12.5px; vertical-align: middle; text-align: right; display: block; } .ruButton .ruRemove, .RadUpload .ruRemove, ruButton .ruCancel, .RadUpload .ruCancel { display:none !important; } .downloadlink { display:inline-block; overflow:hidden; max-width:235px; width:240px; text-overflow: ellipsis; white-space:nowrap; padding-right:5px; vertical-align:bottom; } .approved { border: 1px solid black; width: 200px; height: 50px; background-color: lightGreen; color: White; vertical-align: middle; font-size: large; border-radius: 5px; background-image: url("/Content/Images/blue_tick.gif"); background-repeat: no-repeat; } /* -- Welcome -- */ #welcome { width: 1034px; height: 57px; color: #F6F2F3; margin-left: auto; margin-right: auto; background-color: #CA2424; border-left: 6px solid #CE3A3A; border-right: 6px solid #CE3A3A; z-index: 3; } #welcome a { color: #F6F2F3; } #welcome img { width: 84px; height: 37px; margin: 8px 7px 0 49px; float: left; } #welcome #worksmartlink { font-size: 1.2em; float: left; margin-top: 18px; } #welcome #managerlink { position: absolute; display:none; } #welcome #managerlinktext { position: relative; top: 38px; left: 140px; width: 95px; background-color: #CA2424; font-size: 0.9em; border-top: 1px solid #B4B4B4; padding: 2px 0 0 2px; margin: 0; line-height: 0.7em; } #welcome #welcomecompanyname { font-size: 1.2em; width: 520px; text-align: center; margin: 20px 0 0 0; float: left; overflow: hidden; } #welcome #help { float:left; padding-top: 27px; } #optionsmenu { float: left; font-size: 0.75em; width: 235px; height: 60px; } #optionsmenu div { outline: none; } #optionsmenuoff { float: right; font-weight: bold; cursor: pointer; padding: 27px 36px 0 0; } #optionsmenuon { display: none; width: 229px; position: relative; margin-top: 18px; z-index: 3; } #optionsmenuoptionsouter { z-index: 2; position: absolute; top: 33px; left: 0px; width: 223px; background-color: White; border: 3px solid #D7D8DC; border-radius: 5px; border-top-right-radius: 0; -moz-box-shadow: 0px 0px 10px #606060; -webkit-box-shadow: 0px 0px 10px #606060; box-shadow: 0px 0px 10px #606060; } #optionsmenuoptionsinner { padding: 0 0 8px 17px; width: 204px; padding-top: 10px; border: 1px solid #A3A7B2; border-radius: 2px; } #optionsmenuoptionsinner hr { width: 188px; float: left; margin-bottom: 13px; } #optionsmenuoptionsinner ul li { padding-bottom: 10px; color: #ADADAD !important; } #optionsmenuoptionsinner p { color: #B4B4B4; } #optionsmenuoptionsinner ul li a, #optionsmenuoptionsinner p a { color: rgb(4, 124, 161); padding: 0; margin: 0; text-decoration: none; } #optionsmenuheaderouter { float: right; height: 29px; width: 112px; background-color: White; border: 3px solid #D7D8DC; border-radius: 5px; border-bottom-right-radius: 0; -moz-box-shadow: 0px 0px 10px #606060; -webkit-box-shadow: 0px 0px 10px #606060; box-shadow: 0px 0px 10px #606060; } #optionsmenuheaderinner { padding: 5px 0 0 0; text-align: center; border: 1px solid #A3A7B2; border-bottom: none; border-radius: 2px; height: 24px; } #optionsmenuheaderinner a { color: #9e2c29; font-weight: bold; } #optionsmenucover1 { z-index: 3; position: absolute; top: 25px; left: 114px; height: 12px; width: 110px; background-color: White; border-left: 1px solid #A3A7B2; border-right: 3px solid #D7D8DC; } #optionsmenucover2 { z-index: 3; position: absolute; top: 25px; left: 115px; height: 12px; width: 110px; background-color: White; border-right: 1px solid #A3A7B2; } /* -- Footer -- */ #pre-footer { height: 4px; } #footer { clear: both; width: 940px; margin: 0 auto 0 auto; height: 90px; color: #A4A8B4; line-height: 18px; font-size: 0.7em; } #footer a { color: #A4A8B4; } #footer img { margin-top: 24px; float: left; } #footer p { float: right; text-align: right; } #footer ul { margin: 30px 0 4px 0; padding: 0px; text-align: right; float: right; } #footer li { display: inline; float: left; font-size: 0.9em; } /* -- Content Area -- */ #contentarea { width: 1034px; padding-top: 0; padding-bottom: 61px; margin: 0 auto 0 auto; background: #E6E9EE; border-left: 6px solid #ECF0F3; border-right: 6px solid #ECF0F3; font-size: 0.75em; } #pagecontainer { width: 720px; background-color: White; margin: 67px auto 0 auto; padding: 0 23px 87px 23px; border: 1px solid #A3A7B3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 10px #CBD0D3; -webkit-box-shadow: 0px 0px 10px #CBD0D3; box-shadow: 0px 0px 10px #CBD0D3; } .informationpage { padding: 35px 0 0 10px; } .informationpage p { font-size: 1.25em; padding-bottom: 16px; } .informationpage p a { font-size: 0.8em; } /* -- Publishing -- */ #publishtitlebar { width: 940px; margin: 2px auto 32px auto; } #publishtitlebar h1 { float: left; margin: 8px 0 0 10px; font-size: 1.5em; font-weight: normal; } #publishtitlebar .buttonlightgray { float: right; margin-right: 0; } #publishpagecontainer { width: 940px; background-color: White; margin: 0 auto 0 auto; padding: 0; border: 1px solid #A3A7B3; border-radius: 5px; -moz-box-shadow: 0px 0px 10px #CBD0D3; -webkit-box-shadow: 0px 0px 10px #CBD0D3; box-shadow: 0px 0px 10px #CBD0D3; } #publishpagecontainer table { margin-bottom: 16px; } #publishpagecontainer #left { float: left; width: 640px; } #publishpagecontainer #left .heading { background-color: #079EC9; border-top-left-radius: 4px; color: White; padding: 5px 38px 9px 36px; } #publishpagecontainer #left .heading h2 { float: left; font-size: 1.1em; padding: 4px 0 0 0; margin: 0; } #publishpagecontainer #left .heading div { float: right; background-color: #047FA0; border-radius: 5px; padding: 4px 10px 4px 10px; border: 1px solid #05688F; } #publishpagecontainer #left .body { float: left; width: 600px; padding: 25px 20px 25px 20px; } #publishpagecontainer #left .body table { width: 600px; font-size: 1.3em; } #publishpagecontainer #left .body table tr td { padding-top: 8px; } #publishpagecontainer #left .body table tr:first-child td { padding-top: 0px; } #publishpagecontainer #left .body #publishbuttoncontainer { float: left; background-color: #E6E9EE; width: 572px; padding: 16px 14px 14px 14px; border-top: 1px solid #D9D9D9; margin-bottom: 17px; height: 28px; } #publishpagecontainer #left .body #publishbuttoncontainer div { float: left; margin-top: 7px; } #publishpagecontainer #left .body .buttonblue { color: White; float: right; border: 1px solid rgb(5, 133, 170); border-radius: 4px; background-image: url("/Content/Images/buttonbluesmall.png"); height: 27px; width: 146px; } #publishpagecontainer #left .body .buttonred { color: White; float: right; border: 1px solid rgb(140, 37, 35); border-radius: 4px; background-image: url("/Content/Images/buttonred.png"); height: 27px; width: 146px; } #publishpagecontainer #left .body #publishingbutton { display: none; float: right !important; margin: 0 6px 0 0 !important; color: #A4A6B3; font-size: 0.9em; background-color: #E6E9EE; border: 1px solid #A3A7B3; border-radius: 4px; width: 126px; height: 19px; padding: 6px 0 0 18px; } #publishpagecontainer #left .body #publishingbutton img { vertical-align: -5px; margin-right: 5px; } #publishpagecontainer #left .body p { color: #A8A8A8; margin-bottom: 7px; } #publishpagecontainer #left .amount { padding-right: 20px; vertical-align: top; text-align: right; } #publishpagecontainer #left .formname { padding: 0 20px 5px 20px; } #publishpagecontainer #left .forminfo { color: #949494; padding: 0 20px 8px 20px; font-size: 0.8em; border-bottom: 1px solid #F4F6F5; } #publishpagecontainer #left .forminfo img { padding: 0 0 0 10px; vertical-align: -1px } #publishpagecontainer #left .amountborder { padding: 0 20px 8px 20px; border-bottom: 1px solid #F4F6F5; } #publishpagecontainer #left .vat { color: #949494; padding: 6px 20px 25px 20px; border-bottom: 1px solid #D9D9D9; } #publishpagecontainer #left .total { font-weight: bold; padding: 6px 20px 5px 20px; border-top: 3px solid #F4F6F5; } #publishpagecontainer #right { float: left; width: 300px; } #publishpagecontainer #right .heading { float: left; width: 280px; color: White; border-top-right-radius: 4px; padding: 9px 0 9px 20px; background-color: #A3A7B3; } #publishpagecontainer #right .heading h2 { float: left; font-size: 1.1em; padding: 0; margin: 0; } #publishpagecontainer #right .body { float: left; width: 300px; background-image: url("/Content/Images/publishbackgroundright.png"); background-repeat: repeat-y; background-position: left; font-size: 1.25em; padding-top: 21px; } #publishpagecontainer #right .body h2 { font-size: 1.1em; padding-left:15px; font-weight: normal; margin: 0; color: #777; } #publishpagecontainer #right .body table { width: 260px; margin-left: 20px; color: #A2A6B2; } #publishpagecontainer #right .body table tr td { text-align: left; vertical-align: top; font-size: 0.9em; padding: 6px; } #publishpagecontainer #right .body table tr th { text-align: left; font-size: 1.1em; font-weight: normal; padding: 6px; } #publishpagecontainer #right .body p { font-size: 1em; color: #777; margin: 0 16px 16px 16px; } #publishpagecontainer #successstate { display:none; } #publishpagecontainer #successstate .confirmation { background-color: #73B11F; font-weight: bold; font-size: 1.5em; color: White; padding: 18px 0 18px 24px; } #publishpagecontainer #successstate .confirmation img { vertical-align: -2px; margin-right: 3px; } #publishpagecontainer #successstate .message { background-color: #DBEBC7; padding: 21px; } #publishpagecontainer #successstate .message p { color: #494949; } #publishpagecontainer #successstate .message #thanks { font-size: 1.1em; font-weight: bold; } #publishpagecontainer #completefailurestate { display:none; } #publishpagecontainer #completefailurestate .confirmation { background-color: #CA2424; font-weight: bold; font-size: 1.5em; color: White; padding: 11px 0 13px 24px; } #publishpagecontainer #completefailurestate .confirmation span { display:inline-block; vertical-align: -1px; margin-right: 3px; font-size: 20pt; } #publishpagecontainer #completefailurestate .message { background-color: #e87c7c; padding: 21px; } #publishpagecontainer #completefailurestate .message p { color: black; font-size: 1.1em; font-weight: bold; } #publishpagecontainer #completefailurestate .message a { color:#494949; } #publishpagecontainer #partialfailurestate { display:none; } #publishpagecontainer #partialfailurestate .confirmation { background-color: #f2be00; font-weight: bold; font-size: 1.5em; color: White; padding: 11px 0 11px 24px; } #publishpagecontainer #partialfailurestate .confirmation img { display:inline-block; vertical-align: -10px; margin-right: 3px; font-size: 16pt; font-weight:900; } #publishpagecontainer #partialfailurestate .message { background-color: #ffe790; padding: 21px; } #publishpagecontainer #partialfailurestate .message p { color: black; font-size: 1.1em; font-weight: bold; } #publishpagecontainer #partialfailurestate .message a { color:#494949; } #publishpagecontainer #partialfailurestate .message ul { list-style-type:disc; list-style-position: inside; } #publishpagecontainer #partialfailurestate .message #failedforms { color: #CA2424; } #publishpagecontainer #partialfailurestate .message #publishedforms { color: #497014; } /* -- Navigation Frame -- */ #navigationframe #pagecontainer { margin-top: 0; margin-left: 217px; } #navigationframe #header { width: 943px; height: 52px; padding-left: 43px; } #navigationframe #header h3 { font-weight: normal; float: left; padding-right: 30px; padding-top: 12px; font-size: 1.55em; } #navigationframe #header img { float: left; padding: 12px 5px 0 0; } #navigationframe #leftnavigation { float: left; width: 163px; margin: 48px 0 0 43px; } #leftnavigation li.selected { background-image: url("/content/images/gradientbutton.png"); border: 1px solid rgb(193, 198, 202); } #leftnavigation li.beforeselected { border-bottom: none; } #leftnavigation ul li { height: 17px; line-height: 1.2em; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #DDDDDD; color: #0099CC; padding: 8px 0 5px 6px; width: 155px; } #leftnavigation ul li img { padding: 0 5px 0 5px; vertical-align: text-bottom; } #leftnavigation ul { float: left; padding-bottom: 24px; margin: 0; } #leftnavigation .folderlist { padding-bottom: 10px; max-height: 400px; overflow: auto; overflow-x: hidden; width: 166px; position: relative; } #leftnavigation .folderlist li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* -- Modal -- */ .overlay { background: #000 none repeat scroll 0 0; height: 100%; display: none; filter: alpha(opacity=40); opacity: 0.4; top: 0; width: 100%; z-index: 5; position: fixed; } .modal { position: fixed; z-index: 6; background-color: white; display: none; width: 450px; height: 200px; padding: 10px 20px 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #CA2424; } .modal span { float: none !important; } .modal h5 { font-size: 1.2em; margin: 12px 0 11px 0; } .modal p { padding-top: 10px; font-size: 0.8em; } .modal .content { height: 118px; } .modal .buttoncontainer { font-size: 0.8em; } #loadermessage { margin-top: 100px; margin-left: auto; margin-right: auto; z-index: 5; background-color: white; width: 450px; height: 200px; padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #CA2424; } #loadermessage #worksmartlink { padding-bottom: 3px; font-size: 1.2em; } #loadermessage .content { margin-top: 50px; font-size: 1.2em; font-weight: bold; text-align: center; } #loadermessage #contentupdates { padding-top: 12px; text-align: center; font-size: 0.7em; } #loadingbanner { height: 40px; width: 450px; background-color: #CA2424; } #loadingbanner img { width: 84px; height: 37px; margin: 0 7px 0 10px; float: left; } #loadingbanner div { font-size: 1.5em; float: left; margin-top: 10px; color: White; } /* -- Modal Review -- */ .modalreview { width: 300px; height: 300px; border: 4px solid rgb(245, 245, 245); } .modalreview span { float: none !important; } .modalreview h5 { font-size: 1.2em; margin: 12px 0 11px 0; } .modalreview .content { height: 250px !important; } .modalreview label { padding-bottom: 5px; } .modalreview .content input { width: 290px; margin: 0; font-size: 0.8em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px; height: 22px; border-radius: 4px; } .modalreview .content select { width: 290px; margin: 0; font-size: 0.8em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px; height: 29px; border-radius: 4px; } /* -- Modal To-Do -- */ .todomodal { width: 539px; border: 4px solid #D6DADD; padding: 0; height: auto; } .todoframe { border: 1px solid #A3A7B2; padding: 10px 20px 10px 20px; } .todomodal h5 { font-size: 1.1em; margin: 12px 0 11px 0; } .todomodal .content { height: auto; } .todomodal .content ul { margin: 8px 0 0 40px; } .todomodal .content ul li { list-style: disc; } .todomodal .content .information { color: #AFB3BF; font-size: 0.75em; } .todomodal .content .buttoncontainer { border-top: 1px dashed #A5A7B6; padding-top: 17px; margin-top: 27px; } .todomodal .content .buttoncontainer .greybutton { width: 139px; height: 28px; margin-left: 85px; font-weight: normal; padding:0px !important; margin-top:7px !important; margin-bottom:0px !important;} .todomodal .content .buttoncontainer .bluebutton { cursor: pointer; color: white; border: 1px solid rgb(5, 133, 170); border-radius: 4px; background-image: url("/Content/Images/buttonblue.png"); height: 28px; width: 139px; margin-left: 40px; padding:0px !important; margin-top:7px !important;; margin-bottom:0px !important; } /* -- Toast -- */ #toast { display: none; position: absolute; width: 275px; height: 125px; filter: alpha(opacity=90); opacity: 0.9; background-color: #0D1012; border-radius: 8px; color: White; padding: 10px; font-size: 0.8em; } #toast p { margin-bottom: 10px; line-height: 1.5em; } /* -- Content Boxes -- */ .textpage p { margin-bottom: 10px; } #filepath { height: 20px; text-align: center; width: 177px; } .contentprimarywide { width: 100%; background-color: White; margin-left: auto; margin-right: auto; padding: 20px; } .inputbox { text-align: left; padding: 10px; margin: 0px; margin-bottom: 10px; width: 200px; font-size: 1.0em; } .textlarge { font-family: Arial, Sans-Serif; font-size: 2.0em; font-weight: bold; text-align: left; } .textnormal { font-family: Arial, Sans-Serif; font-size: 1.0em; text-align: left; } .textnormalbold { font-family: Arial, Sans-Serif; font-size: 0.8em; text-align: left; font-weight: bold; } a { text-decoration: none; color: rgb(4, 124, 161); cursor:pointer; } input, select { margin: 0 0.5em 0.25em 0; font-size: 12px; font-family:Arial;} ul, ol { font-size: 12px; padding-left: 0px; list-style: none; } .buttonbluesave { height: 28px; font-size: 10px; font-weight: bold; color: white; border: 1px solid rgb(5, 133, 170); border-radius: 4px; background-image: url("/Content/Images/buttonblue.png"); float: left; padding-left: 10px; padding-right: 15px; } .buttonsaving { height: 28px; font-size: 10px; font-weight: bold; color: #505050; border: 1px solid #A5A5A5; border-radius: 4px; background-color: rgb(230, 233, 238); float: left; padding-top: 4px; padding-left: 10px; padding-right: 15px; } .buttonsaving img { padding: 0px !important; margin-top: -3px; } .buttonsaved { height: 28px; font-size: 10px; font-weight: bold; color: #505050; border: 1px solid #A5A5A5; border-radius: 4px; background-color: rgb(230, 233, 238); float: left; padding-top: 4px; padding-left: 22px; padding-right: 23px; } .buttonbluepublishnow { height: 28px; color: White; font-size: 11px; padding-left: 30px; padding-right: 30px; margin: 10px 0px 0px 10px; } .dashbordertop { border-top: 1px dashed rgb(164, 167, 172); border-bottom: none; border-left: none; border-right: none; margin: 0px; } .dashborderbottom { border-top: 1px dashed rgb(244, 247, 252); border-bottom: none; border-left: none; border-right: none; margin: 0px; } .column { float: left; } .hide { display: none; } .shadow { -moz-box-shadow: 0px 0px 10px #BDBDBD; -webkit-box-shadow: 0px 0px 10px #BDBDBD; box-shadow: 0px 0px 10px #BDBDBD; } .darkshadow { -moz-box-shadow: 0px 0px 10px #606060; -webkit-box-shadow: 0px 0px 10px #606060; box-shadow: 0px 0px 10px #606060; } .flipimage { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .infobutton { float: left; width: 16px; height: 16px; background-color: #FFFFFF; border-radius: 8px; border: 1px solid #D5D5D5; filter: alpha(opacity=60); opacity: 0.6; } .hidepopup { position: absolute; width: 100%; height: 100%; display: none; z-index: 79; } hr.totalbottomborder { border-top: 3px solid rgb(244, 246, 245); border-bottom: 1px solid rgb(217, 217, 217); border-left: none; border-right: none; margin: 0px; clear: both; } hr.alttotalbottomborder { border-top: 1px solid #a5a5a5; border-bottom: 3px solid #F4F6F5; border-left: none; border-right: none; margin: 0px; clear: both; } img { border: none; } .dottedline { border-bottom: 1px dotted Black; } .placeholder { color: #aaa; } /* -- Content -- */ #contentbody { width: 940px; margin: 0px; padding: 20px 0px 20px 0px; position: relative; margin: 0px auto 0px auto; text-align: center; } .contentfooter { width: 720px; } .contentfooter input { margin-top: 19px; margin-left: 13px; } .contentfooter a { color: rgb(8, 155, 198); } .contentfooter p { float: right; margin: 23px 10px 0 0; } .contentfooter select { width: 118px; height: 28px; margin: 15px 0px 0px 0px; border-radius: 4px; border: solid 1px #C1C6C9; padding: 2px; } .contentfooter .resultsdropdown { width: 53px; float: right; margin-right: 20px; border-radius: 4px; border: solid 1px #C1C6C9; padding: 2px; } .contentfooter ul { padding: 0px 3px 0px 9px; float: right; margin: 8px 0px 0px 0px; } .contentfooter li { display: inline; padding: 0px 2px 0px 0px; margin-left: 1px; } #contentfooterpagelist { padding: 16px 0px 0px 0px; float: right; } .currentfooter { color: #707070; } .paging { float: right; height: 28px; width: 20px; margin: -2px 0px 0px 2px; } .pagingfirst { background-image: url("/Content/Images/paging_first.jpg"); } .pagingfirstdisabled { background-image: url("/Content/Images/paging_first_disabled.png"); } .paginglast { background-image: url("/Content/Images/paging_last.jpg"); } .paginglastdisabled { background-image: url("/Content/Images/paging_last_disabled.png"); } .pagingprevious { background-image: url("/Content/Images/paging_previous.jpg"); } .pagingpreviousdisabled { background-image: url("/Content/Images/paging_previous_disabled.png"); } .pagingnext { background-image: url("/Content/Images/paging_next.jpg"); } .pagingnextdisabled { background-image: url("/Content/Images/paging_next_disabled.png"); } .navbuttonlight img { margin: 10px 0px 0px 5px; } #contentcontainer { padding: 17px 20px 0 20px; } #contentcontainer p { margin: 0 8px 8px 0; } #leftnavigation h5 { font-size: 1em; margin-top: 2px; } #leftnavigation select { width: 166px; height: 29px; border-radius: 4px; margin: 0 0 8px 0; border: solid 1px #C1C6C9; padding: 2px; padding-top:4px; } #leftnavigation #searchforms { width: 152px; margin: 0; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px; height: 22px; border-radius: 4px; border: 1px solid #c1c6c9; } #leftnavigation p { padding: 5px 0px 5px 17px; } #leftnavigation h4 { font-weight: bold; font-size: 11px; color: rgb(168, 169, 171); margin: 5px 0px 5px 0px; } #leftnavigation .accountnav { margin-top: 0px; border-top: 1px solid #DDDDDD; } #leftnavigation .accountnav p { padding: 0px 0px 0px 10px; text-align: left; } #leftnavigation .allformsbutton { padding: 6px 0px 0px 5px; height: 24px; } #leftnavigation .allformsbutton p { color: rgb(150, 47, 41); font-size: 13px; font-weight: bold; margin-left: 1px; margin-top: 1px; padding: 0px; } #leftnavigation .allformsbutton img { margin-top: 2px; } #leftnavigation .subfolder { padding: 5px 0px 5px 20px; width: 130px; } #leftnavigation .hoverstate:hover { background-color: rgb(219, 224, 230); } #leftnavigation .sublist { margin: 0px; padding: 0px; border-bottom: 0px; } #leftnavigation .sublist ul { margin: 0px; } #contentnavgreybutton a { margin: 7px 0px 10px 2px; padding-left: 29px; padding-right: 10px; } .managefolders { padding: 2px 0px 2px 0px; } .managefolders img { float: left; margin-top: 3px; margin-right: 5px; margin-left: 10px; } .formhelplist li { list-style-type:none !important; } #useraccountnav .dropdown { font-weight: bold; margin-left: 25px; visibility: visible; } #useraccountnav .dropdownmenu { position: absolute; margin-left: -110px; } #usermenu { position: relative; float: left; visibility: hidden; z-index: 100; } #usermenu hr { border-top: 1px solid #BDBDBD; border-left: none; border-right: none; border-bottom: none; } #usermenu:hover { visibility: visible; } #usermenu div { background: rgb(243, 244, 246); border: 1px solid #BDBDBD; } #usermenu div a { display: block; padding: 5px 10px; white-space: nowrap; text-align: right; color: rgb(4, 124, 161); } #usermenu div a:hover { background: rgb(250, 251, 253); color: rgb(14, 134, 171); } #usermenu div p { padding: 5px 5px; color: #505050; } #mainform { width: 1034px; } /* -- Audit table -- */ .audittable { width: 750px; } /* -- Form View -- */ #formarea { width: 940px; height: 716px; margin: 0px; padding: 0px; position: relative; margin: 0px auto 0px auto; } #formhead { padding: 0px 0px 0px 0px; position: relative; height: 45px; } #formhead .leftfloat { float: left; padding-left: 10px; } #formhead .rightfloat { float: right; width: 300px; } #formhead .buttongray { margin-top: 7px; padding-left: 15px; padding-right: 12px; padding-top: 3px; } #formhead h4 { float: left; font-size: 13px; padding: 12px 0px 0px 0px; } #formhead a { float: left; } #formhead p { margin-top: 14px; } #formhead img { float: left; margin: 16px 0px 0px 4px; } .dateinputbox { position: relative; float: left; border: 1px solid rgb(194, 198, 199); border-radius: 4px; width: 188px; height: 26px; background-color: white; margin-right: 400px; margin-left: 10px; margin-bottom: 10px; } .dateinputbox img { position: absolute; left: 160px; top: 0px; } /* -- Checkout Popup Interface -- */ #checkoutui { position: absolute; display: none; left: -93px; top: -4px; background-color: rgb(212, 217, 221); border-radius: 4px; z-index: 80; } #checkoutui p { color: rgb(148, 148, 148); } #checkoutui .content { border: 1px solid rgb(164, 166, 178); border-radius: 4px; background-color: White; margin: 3px; width: 284px; } #checkoutui .titlebar { width: 284px; height: 29px; background-color: rgb(7, 158, 201); } #checkoutui .titlebar p { color: White; } #checkoutui table { width: 270px; margin: 7px; padding-bottom: 50px; } #checkoutui table p { color: Black; } .checkouttable p { color: Black; font-weight: normal; font-size: 11px; } .checkouttable p.vat { color: rgb(148, 148, 148) !important; } .checkouttable p.price { float: right; padding: 0px; } .checkouttable p.total { font-weight: bold; } .creditcheck { padding: 0px 0px 0px 5px !important; font-weight: normal !important; font-size: 11px !important; margin-left: 10px; width: 109px; float: left; } /* -- Form Page Controls -- */ .popuptitle { height: 32px; } .popuptitle h4 { float: left; margin: 20px 0px 0px 19px; font-size: 15px; } .popuptitle img { float: right !important; margin: 16px 8px 0px 0px !important; } .greyButton a { color: white; background-image: url("/Content/Images/buttondark.png"); width: 119px; height: 12px; padding: 7px 14px 7px 25px; float: left; border: 1px solid rgb(126, 130, 133); border-radius: 3px; color: #fff; font-size: 11px; } .roundedbox { border: 1px solid #C1C6C9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* -- Forms -- */ #addresses { margin-bottom: 10px; } .form { margin: 0px 16px 16px 0px; float: left; width: 670px; padding: 35px 0 0 0; overflow: hidden; } .form h3 { margin-bottom: 12px; } .wide { width: 720px !important; } .form .preamble { margin-bottom: 30px; } .form .row { width: 594px; margin: 0 0 10px 0; padding: 0; float: left; } .form .row .buttonlightgray { padding-bottom: 4px; } .form .row label input, .form .row input, .form .row .rightcolumn, .form .row .standardrightcolumn { float: right; width: 295px; margin: 0; font-size: 1em; border: solid 1px #C1C6C9; padding: 4px 6px 0 6px; height: 22px; border-radius: 4px; } .form .row .rightcolumn { border: none; height: auto; padding: 0; margin: 0; width: 360px; } .form .row .standardrightcolumn { border: none; height: auto; padding: 0; margin: 0; width: 308px; } .form .row input { font-size: 1em; } .form .row select { float: right; width: 309px; height: 28px; margin: 0; border: solid 1px #C1C6C9; padding: 2px 0 2px 2px; border-radius: 4px; vertical-align: baseline; } .form .row textarea { margin: 0px 16px 8px 16px; width: 631px; height: 130px; float: left; font-family: arial, verdana, sans-serif; padding: 6px; border-radius: 4px; border: 1px solid #C1C6C9; font-size: 1em;} .form .row .halfwidthtextarea { float: right; width: 295px; } .form .row span, .form .row .leftcolumn { float: left; margin: 0; padding: 0; width: 208px; line-height: 1.5em; text-align: left; } .form .row p { font-size: 1em; } .form .row h4 { margin: 0px; padding: 0px 0px 8px 16px; font-size: 1em; width: 650px; } .form .row fieldset input, .form .row fieldset p, .form .row fieldset label { float: left; vertical-align: middle; line-height: 1.3em; } .form .row fieldset p { width: 585px; line-height: 1.3em; margin: 0; } .form .row fieldset { width: 680px; padding-bottom: 8px; } .form .row fieldset input { width: 1em; border: none; margin: 0 8px 0 16px; } .form .row fieldset label { margin-bottom: 6px; } .form .row .halfwidth { width: 140px; float: right; margin-right: 155px; } .form .phrasecompletioncontainer .row select { float: left !important; } .form .buttoncontainer { float: left; margin: 16px 0 0 0; padding: 0; width: 660px; } .form .buttoncontainer input { margin: 8px 16px 0 0px; font-size: 1em; float: left; } .form .validation-summary-errors, .validation-summary-errors { width: 500px; margin: 0 0 18px 5px; padding: 15px 0 10px 12px; font-weight: bold; color: white; background-color: #CA2424; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0px 0px 10px #606060; -webkit-box-shadow: 0px 0px 10px #606060; box-shadow: 0px 0px 10px #606060; } .form .notetext { font-size: 0.85em; } .form .widerow { width: 600px; } .form .shortrow input { width: 282px !important; } .form .datepicker { background-image: url("/content/images/calendar.png"); background-repeat: no-repeat; background-position: 268px ; } .form .richtextrow { width: 573px; margin: 0 0 10px 0; padding: 0; float: left; } .form .richtextrow label.richtextlabel span { padding-bottom: 4px; line-height: 1.5em; } .form .richtextrow table { float: left; } .form .richtextdiv, .multilinetextdiv, .addressdiv { padding: 5px; background: #fff; border: 1px solid #ccc; border-radius: 4px; width: 578px; min-height: 90px; } .form .richtextdiv p, .multilinetextdiv p, .addressdiv p { margin-bottom: 8px; font-size: 1em; } .form .richtextdiv span, .multilinetextdiv span, .addressdiv span { padding-bottom: 0 !important; line-height: normal !important; } .form .richtextdiv ul, .multilinetextdiv ul, .addressdiv ul { list-style: disc; margin-left: 16px; } .form .richtextdiv ol, .multilinetextdiv ol, .addressdiv ol { list-style: decimal; margin-left: 16px; } .form .radiorow input, .form .checkboxrow input { float: left; line-height: 1.8em !important; height: 13px !important; width: 13px !important; border: none !important; vertical-align: bottom; padding: 0 !important; margin: 8px 13px 0 0 !important; } .form .checkboxrow input { float: none; } .form .sectionspacer { height: 15px; clear: both; } .form .table { border-collapse: collapse; border: none; margin: 0; float: left; padding: 0; width: 602px; } .form .table td { border: 1px solid #DBDFE4; padding: 4px 8px 4px 8px; margin: 0; vertical-align: top; height: 29px; } .form .table thead tr td { border: 1px solid #DBDFE4; background-color: #DBDFE4; color: #494949; font-weight: bold; font-size: 0.9em; padding: 4px 0px 4px 8px; height: auto; } .form .table td input { font-size: 1em; width: 100%; } .form .table tfoot td { font-size: 0.8em; line-height: 1em; border: none; height: 10px;} .form .table tfoot td a { outline: medium none; } .form .table caption { display: none; } .form .table .delete { width: 30px; text-align: center; vertical-align: middle; padding: 0 !important; margin: 0; border-top: none; border-bottom: none; border-right: none; background-color: inherit; } .form .table .delete a { text-decoration: none; font-size: 1.3em; color: Red; outline: medium none; } .form .table .addrow { float: right; padding-right: 30px; line-height: 1em; } #pagetitle { font-weight:bold; } /* -- Grid inside form -- */ .form .grid { border-collapse: collapse; text-align: center; margin: 18px 0 24px 0; width: 590px; float: left; border: 1px solid #C1C6C9; } .form .grid thead, .form .grid .axis { background-color: #9D2D29; color: White; } .form .grid thead { vertical-align: top; padding: 4px 0 4px 0; } .form .grid thead tr td { padding-top: 4px; } .form .grid .axis { vertical-align: middle; border: none; text-align: left; padding-left: 4px; } .form .grid .intersection { background-color: #A3A7B3; color: white; font-weight: bold; vertical-align: bottom; padding-left: 4px; text-align: left; } .form .grid td { height: 40px; width: 50px; } .form .grid td input { width: 90px; border-radius: 4px; border: 1px solid #C1C6C9; } .form .grid td select { border-radius: 4px; border: 1px solid #C1C6C9; font-size: 10px; } .form .grid .alternatingrow { background-color: #DBDFE4; } /* -- Editor -- */ #editorframe { padding: 3px 46px 0 46px; } #editorframe #headercontainer { z-index: 2; background-color: #E6E9EE; width: 942px; float: left; margin-left:-3px; padding-left:3px; padding-right:2px; padding-top: 20px; position: fixed; top: 57px; } #editorframe #header { height: 40px;} #editorframe #header h1 { float: left; font-size: 1.5em; font-weight: normal; padding: 6px 6px 0 10px; margin: 0; max-width: 425px; height: 20px; overflow: hidden; z-index: 10; } #editorframe #header img { padding-top: 6px; } #editorframe #header #infopanel { float: right; } #editorframe #header #infopanel input { min-width: 77px !important; height: 29px !important; margin: 0 0 0 5px !important; padding: 0; font-size: 0.9em; } #editorframe #header #infopanel p { float: left; padding: 9px 0 0 12px; max-width: 158px; height: 15px; overflow: hidden; } #editorframe #header #infopanel #infomessage { width: 133px; font-size: 0.95em; height: 15px; } #editorframe #header #infopanel img { float: left; padding-left: 5px; } #editorframe .hrtop { border: none; margin: 0px; padding: 0px; border-top: 1px solid rgb(195, 199, 202); border-bottom: 3px solid rgb(224, 228, 231); border-left: none; border-right: none; clear: both; height: 0; width: 100%; } #editorframe #documentdetails { padding: 8px 0 9px 11px; float: left; width: 931px; } #editorframe #documentdetails h2 { padding: 4px 15px 0 0; float: left; max-width: 310px; height: 20px; overflow: hidden; } #editorframe #documentdetails h2 a { color: #494949; font-size: 1.05em; text-decoration: underline; } #editorframe #documentdetails h2:hover { background-image: url("/Content/Images/bluepencil.png"); background-repeat: no-repeat; background-position: right 6px; } #editorframe #documentdetails #foldercontainer { float: left; width: 300px; height: 25px; } #editorframe #documentdetails #foldername { float: left; margin: 7px 0 0 5px; padding-left: 17px; background-image: url("/Content/Images/bluefolder.png"); background-repeat: no-repeat; background-position: left 0; color: rgb(7, 125, 163); max-width: 255px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #editorframe #documentdetails input { float: right; min-width: 77px !important; height: 29px !important; margin: 0; padding: 0; font-size: 0.9em; } #editorframe #documentdetails .buttonblue { float: right; border: 1px solid rgb(5, 133, 170); border-radius: 4px; background-image: url("/Content/Images/buttonblue.png"); height: 27px; width: 196px; margin-left: 29px; } #editorframe #documentdetails .buttonblue p { font-size: 1em; float: left; color: #FFFFFF; padding: 4px 0 0 13px; margin-top: 3px; font-weight: bold; } #editorframe #documentdetails .buttondarkblue { padding: 3px 5px 2px 5px !important; margin: 0 8px 0px 0px; float: right !important; height: 15px; border: 1px solid rgb(5, 105, 141); border-radius: 3px; background-image: url("/Content/Images/buttondarkblue.png"); } #editorframe #documentdetails .disablepublishprice { min-width: 95px; padding: 3px 5px 2px 5px !important; margin: 0 8px 0px 0px; float: right !important; height: 15px; border: 1px solid rgb(5, 105, 141); border-radius: 3px; background-image: url('/Content/Images/buttonlightgray.png'); border-color: #6B8A9C; color: #A0A0AB !important; } #documentandfoldercontainer h2 { max-width: 290px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #changedocumentmodal { z-index: 5; height: 35px; width: 600px; display: none; padding: 0 10px 0 10px; color: Black; background-color: #E6E9EE; position: absolute; top: 69px; left: 0; } #changedocumentmodal input { float: left !important; margin-right: 10px !important; width: 175px !important; margin-top: 6px; border: solid 1px #C1C6C9; padding-left: 6px !important; height: 22px; border-radius: 4px; } #changedocumentmodal #documentname { width: 260px; margin: 0 12px 8px 12px !important; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px !important; height: 22px; border-radius: 4px; } #changedocumentmodal img { margin-left: 2px; } #changedocumentmodal a { line-height: 30px; } #changedocumentmodal div { padding-top: 10px; margin-right: 10px; float: left; width: 110px; background-image: url("/content/images/bluefolderdark.png"); background-position: right 10px; background-repeat: no-repeat; } #changefoldermodal { background-color: #C4C8D1; width: 620px !important; height: 35px !important; display: none; position: absolute; top: 0; left: 0; } #changefoldermodal #ReplacementFolderName { float: left; width: 175px ; margin: 4px 10px 0 10px; border: solid 1px #C1C6C9; padding-left: 6px ; height: 22px; border-radius: 4px; } #changefoldermodal a { float: left; margin-top: 10px; } #editorframe #documentdetails #reviewmenu { float: right; } #editorframe #documentdetails #reviewmenu div { outline: none; } #editorframe #documentdetails #reviewmenuon { display: none; width: 219px; position: relative; margin-top: 1px; height: 0; margin-right:-143px; float:right;} #editorframe #documentdetails #reviewmenuoptionsouter { z-index: 2; position: absolute; top: 28px; left: 0px; height: 110px; width: 213px; background-color: White; border: 3px solid #D7D8DC; border-radius: 5px; border-top-left-radius: 0; -moz-box-shadow: 0px 0px 10px #606060; -webkit-box-shadow: 0px 0px 10px #606060; box-shadow: 0px 0px 10px #606060; } #editorframe #documentdetails #reviewmenuoptionsinner { padding: 0 0 0 17px; height: 98px; width: 194px; padding-top: 10px; border: 1px solid #A3A7B2; border-radius: 2px; } #editorframe #documentdetails #reviewmenuoptionsinner hr { width: 188px; float: left; margin-bottom: 13px; } #editorframe #documentdetails #reviewmenuoptionsinner ul li { padding-bottom: 10px; } #editorframe #documentdetails #reviewmenuoptionsinner .acrobatlogo { float: left; margin: 0 12px 0 2px; } #editorframe #documentdetails #reviewmenuoptionsinner .acrobattext, #editorframe #documentdetails #reviewmenuoptionsinner .spellchecktext, #editorframe #documentdetails #reviewmenuoptionsinner .reviewtext { float: left; padding-top: 3px; } #editorframe #documentdetails #reviewmenuoptionsinner .spellchecklogo { float: left; margin: 0 12px 0 4px; } #editorframe #documentdetails #reviewmenuoptionsinner .reviewlogo { float: left; margin: 0 5px 0 0; } #editorframe #documentdetails #reviewmenuheaderouter { float: left; height: 22px; width: 70px; background-color: White; border: 3px solid #D7D8DC; border-radius: 5px; border-bottom-left-radius: 0; -moz-box-shadow: 0px 0px 10px #606060; -webkit-box-shadow: 0px 0px 10px #606060; box-shadow: 0px 0px 10px #606060; } #editorframe #documentdetails #reviewmenuheaderinner { font-size: 0.95em; padding: 4px 0 0 0; text-align: center; border: 1px solid #A3A7B2; border-bottom: none; border-radius: 2px; height: 24px; } #editorframe #documentdetails #reviewmenuheaderinner a { color: #9E2C29; font-weight: bold; padding: 0; margin: 0; font-family: Arial; text-decoration: none; } #editorframe #documentdetails #reviewmenucover1 { z-index: 2; position: absolute; top: 22px; left: 0px; height: 9px; width: 70px; background-color: White; border-left: 3px solid #D7D8DC; border-right: 3px solid #D7D8DC; } #editorframe #documentdetails #reviewmenucover2 { z-index: 2; position: absolute; top: 20px; left: 3px; height: 12px; width: 68px; background-color: White; border-left: 1px solid #A3A7B2; border-right: 1px solid #A3A7B2; } #editorframe #editor { width: 938px; margin-left: 2px; border-top: 1px solid #A0A0A0; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow: 0px 0px 4px #BDBDBD; -webkit-box-shadow: 0px 0px 4px #BDBDBD; box-shadow: 0px 0px 4px #BDBDBD; position: relative; top: 130px; } #editorframe #editor #titlebarbrace { height: 36px; } #editorframe #editor #titlebarcontainer { background-color: #E6E9EE; position: fixed; top: 167px; z-index: 1; } #editorframe #editor #titlebar { background-color: rgb(163, 167, 179); color: White; height: 36px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-repeat: repeat-y; background-position: 547px; width:938px; } #editorframe #editor #titlebar h3 { margin: 9px 0px 0px 24px; font-size: 15px; font-weight: normal; float: left; } #editorframe #editor #titlebar a { color: #494949; padding-bottom: 12px; } #editorframe #editor #titlebar a img { float: left; padding: 0; margin: 7px 0 0 10px; } #editorframe #editor #titlebar .active a { color: White; background-repeat: no-repeat; background-position: center bottom; background-image: url("/Content/Images/whiteuparrow.png"); } #editorframe #editor #titlebar p { margin: 10px 5px 0px 17px; font-weight: bold; } #editorframe #editor #titlebar .left { width: 637px; height: 100%; border-right: 1px solid gray; float: left; overflow: auto; background-image: url("/Content/Images/pageedgedarkleft.png"); background-repeat: repeat-y; background-position: left; border-top-left-radius: 5px; } #editorframe #editor #titlebar .right { width: 300px; height: 100%; float: right; background-image: url("/Content/Images/pageedgedarkright.png"); background-repeat: repeat-y; background-position: right; border-top-right-radius: 5px; } #editorframe #editor #titlebar .right p { float: left; } #editorframe #editor #titlebar .right a { outline: medium none; } #editorframe #editor #content > .ui-draggable {border: 1px solid #C2C6C7; background-color: white; border-radius: 3px; list-style-type: none; padding: 3px; width: 240px;} #editorframe #editor #content { padding-bottom: 32px; border-left: 1px solid #A0A0A0; border-right: 1px solid #A0A0A0; background-color: rgb(243, 244, 246); background-image: url("/Content/Images/editorbackground.png"); background-repeat: repeat-y; } #editorframe #editor #content #fieldhelpbox { display: none; position: absolute; top: 0; left: 630px; z-index: 4; } #editorframe #editor #content #fieldhelpboxcontainer { position: relative; } #editorframe #editor #content #fieldhelpboxarrow { float: left; } #editorframe #editor #content #fieldhelpboxcontent { float: left; width: 248px; padding: 15px 20px 15px 20px; background-color: #F9FAFC; border-radius: 4px; border: 1px solid #CED5DB; border-bottom: 1px solid #CED5DB; } #editorframe #editor #content #fieldhelpboxcontent ul { margin-left: 10px; } #editorframe #editor #content #fieldhelpboxcontent li { list-style-type: disc; margin-bottom: 6px; } #editorframe #editor #content #fieldhelpboxcontent ul li ul li { list-style-type: circle; margin-bottom: 6px; margin-top: 6px } #editorframe #editor #content .left { padding: 10px 0 60px 13px; height: 100%; width: 593px; float: left; } #editorframe #editor #content .form { width: 610px; margin: 0; padding: 16px 0 10px 26px; } #editorframe #editor #content .form .row label span { display: block; width: 610px; padding-bottom: 2px; } #editorframe #editor #content .form .row label input { width: 576px; float: none; margin-left: 0; } #editorframe #editor #content .form .row label select { width: 590px; margin: 0; padding: 3px 0 0 4px; float: left; } #editorframe #editor #content .form .row label textarea { width: 576px; height: 88px; margin: 0; overflow: auto; } #editorframe #editor #content .form .row label .currencymajor { margin: 0 2px 0 2px; width: 89px !important; text-align: right; padding-right: 3px; } #editorframe #editor #content .form .row label .currencyminor { width: 15px !important; padding-left: 3px; } #editorframe #editor #content .form .row label .currency { margin-left: 2px; width: 114px !important; } #editorframe #editor #content .form .row label .percentage { margin-right: 2px; width: 110px !important; } #editorframe #editor #content .form h4 { float: left; color: #494949; margin: 8px 0 8px 0; width: 500px; } .loaderbackground { display: none; background-image: url("/content/images/throbberlarge.gif"); background-color: Black; background-repeat: no-repeat; background-position: center 200px; height: 100%; display: none; filter: alpha(opacity=40); opacity: 0.4; width: 628px; z-index: 4; position: fixed; top: 217px; margin: -16px 0 0 -18px; } /* Fixes scrollbar overflow problem in FF */ .RadWindow table tbody tr td iframe { overflow-y:hidden; } /* -- Editor Toolbar -- */ #editorframe #toolbar { float: left; width: 940px !important; color: White; position: fixed; bottom: 0; } #editorframe #toolbar .left { float: left; width: 640px; height: 44px; background-image: url('/Content/Images/buttonred.png'); border-top: 1px solid rgb(155, 45, 37); border-bottom: 1px solid rgb(155, 45, 37); } #editorframe #toolbar .left p { float: left; margin: 15px 0 0 13px; } #editorframe #toolbar .left #paging { float: right; margin: 9px 18px 0 0; } #editorframe #toolbar .left #paging p { float: left; color: White; margin-top: 15px; } #editorframe #toolbar .left #paging img { float: left; margin: 0px !important; } #editorframe #toolbar .left #paging .previouspage::selection { background: #8B9093; } #editorframe #toolbar .left #paging .previouspage { outline: none; margin-right: 10px; float: left; height: 21px; width: 105px; padding: 7px 0 0 21px; background-image: url("/Content/Images/previouspageactive.png"); background-repeat: no-repeat; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #editorframe #toolbar .left #paging .previouspageboundary::selection { background:#9C2C25; } #editorframe #toolbar .left #paging .previouspageboundary { color: rgb(208, 152, 151); background-image: url("/Content/Images/previouspageboundary.png"); } #editorframe #toolbar .left #paging .nextpage::selection { background: #8B9093; } #editorframe #toolbar .left #paging .nextpage { outline: none; float: left; height: 21px; width: 86px; padding: 7px 0 0 12px; background-image: url("/Content/Images/nextpageactive.png"); background-repeat: no-repeat; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #editorframe #toolbar .left #paging .nextpageboundary::selection { background:#9C2C25; } #editorframe #toolbar .left #paging .nextpageboundary { color: rgb(208, 152, 151); background-image: url("/Content/Images/nextpageboundary.png"); } #editorframe #toolbar .right { float: left; width: 300px; height: 44px; border-bottom: 1px solid rgb(155, 45, 37); } #editorframe #toolbar .right .bottom { float: left; width: 300px; height: 40px; border-bottom: 1px solid rgb(155, 45, 37); border-right: 1px solid rgb(155, 45, 37); background-image: url('/Content/Images/buttonred.png'); position: fixed; bottom: 0; } #editorframe #toolbar .right .bottom .button { float: left; height: 39px; border-left: 1px solid rgb(155, 45, 37); width: 149px; } #editorframe #toolbar .right .bottom .button .buttontext { float: left; padding: 16px 0 0 26px; cursor: pointer; } #editorframe #toolbar .right .bottom .button .counter { float: right; background-image: url("/Content/Images/buttondarkred.png"); width: 30px; height: 18px; margin: 11px 10px 0px 0px; border: 1px solid rgb(133, 28, 30); border-radius: 4px; padding: 4px 0 0 0; text-align: center; } #editorframe #toolbar .menu { color: #494949; background-color: white; border-top: 6px solid rgb(202, 37, 35); -moz-box-shadow: 0px -3px 5px #AFAFAF; -webkit-box-shadow: 0px -3px 5px #AFAFAF; box-shadow: 0px -3px 5px #AFAFAF; } #editorframe #toolbar .closebutton { cursor: pointer; } #editorframe #toolbar #ricslogocontainer { float: left; padding-left: 16px; padding-top: 8px; padding-right: 32px; } #editorframe #toolbar #contentslistcontainer { display: none; position: absolute; left: 0; top: -395px; width: 939px; height: 395px; } #editorframe #toolbar #contentslist { display: none; position: absolute; bottom: 0; left: 0; width: 939px; height: 390px; z-index: 5; } #editorframe #toolbar #contentsbutton { cursor: pointer; } #editorframe #toolbar #rightmenucontainer { display: none; position: absolute; top: -348px; left: 540px; width: 399px; height: 348px; } #editorframe #toolbar #todolist { display: none; position: absolute; bottom: 0; left: 0; width: 399px; height: 348px; z-index: 5; } #editorframe #toolbar #todolist #todolistitems { width: 353px; margin: 0px auto 0px auto; height: 290px; overflow: auto; } #editorframe #toolbar #todolist #todolistitems ul { margin: 0px; padding: 0px; height: 275px; } #editorframe #toolbar #todolist #todolistitems li { padding: 4px 0px 4px 6px; } #editorframe #toolbar #todolist #todolistitems li:hover { background-color: rgb(218, 241, 247); cursor: pointer; } #editorframe #toolbar #historylist { display: none; position: absolute; bottom: 0; left: 0; width: 399px; height: 348px; z-index: 5; } #editorframe #toolbar #historyitems { width: 353px; margin: 0px auto 0px auto; height: 300px; overflow: auto; } #editorframe #toolbar #historyitems td { vertical-align: top; } #editorframe #toolbar #historyitems table { border-collapse: collapse; width: 100%; height: 265px; } #editorframe #toolbar #historyitems th { display: none; } #editorframe #toolbar #historyitems tr:hover { background-color: rgb(218, 241, 247); } #editorframe #toolbar #historyitems .rollback { visibility: hidden; color: rgb(7, 127, 162); padding-right: 10px; } #editorframe #toolbar #historyitems tr:hover p.rollback { visibility: visible; } #editorframe #toolbar #menushim { display: none; position: absolute; top: 0px; left: 640px; width: 299px; height: 10px; background-color: white; } #editorframe #toolbar .pagingflatedge { padding-left: 20px; } #editorframe #toolbar #contentslisting { height: 325px; overflow: auto; } #editorframe #toolbar #contentstable { width: 930px; margin: 0 auto 0 auto; max-height: 335px; overflow: auto; padding: 0; } #editorframe #toolbar #contentstable h5 { color: rgb(11, 124, 164); padding-top: 2px; } #editorframe #toolbar #contentstable ul { float: left; padding: 0; margin: 5px 0 15px 0; } #editorframe #toolbar #contentstable .sectionlist { font-size: 1.2em; width: 304px; margin: 10px 0px 10px 0; padding: 0; background-image: url("/content/images/contentsverticalshadow.png"); background-repeat: repeat-y; background-position: 37px 0px; } #editorframe #toolbar #contentstable .sectionlist li .tocsection { float: left; width: 30px; padding-right: 20px; text-align: right; font-weight: bold; color: rgb(11, 124, 164); } #editorframe #toolbar #contentstable .sectionlist li .tocpagename { float: left; width: 209px; } #editorframe #toolbar #contentstable ul li { padding: 0 0 5px 0; } #editorframe #toolbar #contentstable .active { color: #CA2424 !important; } #editorframe #toolbar #contentstable .activesection { color: #CA2424 !important; background-image: url("/content/images/redrightarrow.png"); background-repeat: no-repeat; background-position: 10px 4px; } /* -- Right Menu -- */ #editorframe #editor #content #rightmenu { width: 299px; overflow: hidden; position: absolute; left: 638px; } #editorframe #editor #content #rightmenu p { font-weight: normal !important; } #editorframe #editor #content #rightmenu ul { padding: 5px 8px 0px 8px; margin: 0px; } #editorframe #editor #content #rightmenu li { min-width: 50px; } #editorframe #editor #content #rightmenu li a { padding: 5px 10px 5px 10px; } .phrasebook { width: 290px; overflow: hidden; position: fixed; top: 200px; } .phrasebook #searchbar { border: 1px solid rgb(194, 198, 199); width: 266px; height: 26px; border-radius: 4px; background-color: white; margin: 17px 0px 18px 13px; padding-bottom:6px; } .phrasebook #searchbar img { margin: 5px 0 0 0; } .phrasebook #searchbar input { float: left; width: 230px !important; margin: 3px 0px 0px 3px !important; border: none !important; height: 20px; } .phrasebook .searchbarfocus { color: #494949; } .phrasebook .searchbarblur { color: #ACACAC; } .pagehelpcontent { display: none; } .phrasebook .navigation, .help .navigation, .review .navigation { background-color: rgb(253, 253, 253); border-bottom: 1px solid #DBDBDB; border-top: 1px solid #BDBDBD; height: 40px; width: 290px; position: relative; } .help .navigation { border-top: none ; width: 273px; } .phrasebook .navigation li a, .help .navigation li a, .review .navigation li a { outline: medium none; } .phrasebook .navigation li, .help .navigation li, .review .navigation li { float: left; padding: 8px 0px 10px 0px; margin-right: 10px; border-radius: 4px; } .phrasebook .navigation .current a, .help .navigation .current a, .review .navigation .current a { background-color: rgb(163, 167, 179); color: White; border-radius: 4px; font-weight: bold; } .phrasebook .phraselistcontainer { background-color: #FDFDFD; } .phrasebook .companyphrases, .phrasebook .ricsphrases, .phrasebook .searchphrases { overflow-x: hidden; overflow-y: scroll; float: left; min-height: 488px; width: 256px; cursor: pointer; } .phrasebook .companyphrases, .help .pagehelp, .help .fieldhelp, .review { display: none; } .phrasebook .searchphrases { min-height: 50px; } .phrasebook .searchphrases li a, .phrasebook .companyphrases li a, .phrasebook .ricsphrases li a { background-image: url("/Content/Images/grab.png"); background-repeat: no-repeat; background-position: left center; padding-left: 12px !important; } .phrasebook .phrasetext { display: none; } #phrasedisplay { display: none; border: 1px solid #CA2424; padding: 10px 10px 10px 10px; width: 200px; min-height: 260px; background-color: #FDFDFD; position: absolute; left: 0; top: 0; border-radius: 4px; -moz-box-shadow: 0px 0px 10px #CBD0D3; -webkit-box-shadow: 0px 0px 10px #CBD0D3; box-shadow: 0px 0px 10px #CBD0D3; z-index: 1; } #phrasedisplay #hotcodecontainer { font-size: 1.2em; margin: 0 0 10px 0; font-weight: bold; } #phrasedisplay #hotcodecontainer img { vertical-align: bottom; margin-right: 6px; } #phrasedisplay #phrasedisplaycontentcontainer { min-height: 210px; } #phrasedisplay #quicktextcontainer { margin: 5px 0 10px 0; text-align: center; font-size: 0.9em; } #phrasedisplay #phrasewrapper { display: table; height: 150px; } #phrasedisplay #phrasecontentcontainer { margin: 0; display: table-cell; vertical-align: middle; font-size: 1.1em; line-height: 1.5em; } #phrasedisplay .phrasedisplayquote { font-weight: bold; font-size: 1.5em; } .phrasebook .searchphrases li, .phrasebook .companyphrases li, .phrasebook .ricsphrases li { margin: 0 0 10px 0; border-radius: 3px; border: 1px solid white; padding: 2px 0 0 2px; } .phrasebook #alphabet { float: right; width: 18px; text-align: center; font-size: 0.70em; } .phrasebook #alphabet a { line-height: 1.3em; display: none; } .phrasebook #alphabet a:hover div { color: white; font-size: 2em; background-color: rgb(6, 157, 200); border-radius: 5px; width: 18px; height: 18px; padding-top: 8px; margin: 0; } .phrasebook #searchbutton { cursor: pointer; } .phrasebook .searchresultscontainer { background-color: #FDFDFD; border-bottom: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; display: none; overflow: auto; overflow-x: hidden; } .phrasebook .closeresultsbutton { height: 21px; background-color: rgb(163, 167, 179); background-image: url("/Content/Images/closewhite.png"); background-repeat: no-repeat; background-position: 10px center; padding: 9px 0px 0 23px; } .phrasebook .closeresultsbutton a { color: White; } .help { display: none; position: fixed; top: 200px; } .help .formhelp, .help .pagehelp, .help .fieldhelp { width: 270px; padding: 10px; overflow: auto; background-color: White; } .help .formhelp p, .help .pagehelp p, .help .fieldhelp p { margin: 0 0 15px 0 !important; } .help .formhelp h4, .help .pagehelp h4, .help .fieldhelp h4 { font-size: 1.2em; font-weight: bold; padding-bottom: 15px; } .help .formhelp h5, .help .pagehelp h5, .help .fieldhelp h5 { font-weight: bold; padding-bottom: 15px; font-size: 1em; } .help .formhelp ul, .help .pagehelp ul, .help .fieldhelp ul { margin-bottom: 15px !important; } .help .formhelp li, .help .pagehelp li, .help .fieldhelp li { list-style-type: disc; margin-bottom: 6px; } .help .formhelp table { border-collapse: collapse; } .help .formhelp table tr td { border: 1px solid gray; vertical-align: top; } .help .fieldhelp { position: absolute; top: -1px; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; background-color: rgb(250, 250, 252); } .droppedtext { color: red; } .review textarea { margin: 20px;} .review td { margin: 20px } .review p { margin: 20px;} .review .reviewbox { background-color: White; height: 270px; } .review .reviewformbox { background: black; color: white; height: 30px; font-weight: 400; margin-top: 10px; margin-bottom: 10px; padding-top: 10px;} .reviewtable td { margin: 10px; } /* -- Form Shared -- */ .leftjustifiedform .row select { width: 300px; padding: 2px 6px 2px 6px; margin: 0;} .leftjustifiedform, .centrejustifiedform { width: 420px; } .leftjustifiedform .row, .centrejustifiedform .row { width: 395px; padding: 0; float: left; } .leftjustifiedform .row label input { float: right; width: 286px; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px; height: 22px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .leftjustifiedform .row span, .centrejustifiedform .row span { float: left; margin: 0px; padding: 4px 0 0 0; width: 75px; line-height: 1.5em; text-align: left; text-align: right; } .linkcontainer { margin: 26px 0 0 95px; } .loginboxout { float: left; width: 230px; padding: 35px 0 0 16px; line-height: 1.5em; } .leftjustifiedform .validation-summary-errors, .centrejustifiedform .validation-summary-errors { width: 369px; float: left; margin: 0 0 18px 14px; padding: 15px 0 10px 12px; font-weight: bold; color: white; background-color: #CA2424; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0px 0px 10px #606060; -webkit-box-shadow: 0px 0px 10px #606060; box-shadow: 0px 0px 10px #606060; } /*-- Distribution list -- */ .distributionstrapline { margin-top: 48px; font-size: 1.1em; } .distributioncontentarea .distributionlogo { height: 45px; } .distributioncontentarea #pagecontainer { padding-bottom: 8px; padding-right: 8px; margin-top: 30px; } /* -- Login -- */ .leftjustifiedform #buttoncontainer { margin: 5px 0 0 95px; float: left; } .leftjustifiedform #buttoncontainer input { float: left; width: 95px; height:30px; font-size: 0.9em; } .leftjustifiedform .row textarea { width: 364px; overflow: hidden; height: 100px; } .homepagelinkcontainer { float: left; padding: 3px 0 0 16px; width: 230px; } .newsarticlehome { margin-top: 15px; margin-bottom: 15px; padding: 15px; border: 1px solid #A3A7B3; background-color: #F6FAFD; border-radius: 5px; box-shadow: 0px 0px 10px #CBD0D3; } .newsarticlehome h3 { } .newsarticlehome p { font-size: 0.9em; } .newsarticledivider { border-bottom: 1px solid #A3A7B3; margin-top: 5px; margin-bottom: 5px; opacity:0.4; filter: alpha(opacity=40); } /* -- Admin page lists -- */ .adminlist { width: 720px; vertical-align: bottom; } .adminlist tr td { line-height: 1.5em; padding: 9px 0 9px 0; border-bottom: 2px solid #d2d2d2; } .adminlist img { vertical-align: text-bottom; } .adminlist .editcolumn { width: 45px; } .adminlist .editcolumn img { margin-left: 3px; vertical-align: 0; } .adminlist .contentcolumn { width: 620px; } .adminlist .removecolumn { text-align: right; width: 50px; color: #B5B5B5; } .adminlist .boldmajoritem { font-weight: bold; font-size: 1.5em; } .adminlist .majoritem { font-size: 1.5em; } .adminlist .minoritem { font-weight: bold; } /* -- List table -- */ .listtable { float: left; border-bottom: 1px solid rgb(180, 180, 180); margin-top: 27px; } .listtable img { margin: 5px 4px 0px 5px; } .listtable input { margin: 0; padding: 4px 1px 0 1px; } .listtable th { border-bottom: 2px groove #A5A5A5; text-align: left; padding: 6px 0 8px 0px; } .listtable .currentheader { color: rgb(154, 46, 34); } .listtable td { padding: 0px; height: 35px; } .listtable .eventablerow { background: #F3F4F6; } .listtable .formreference div { width: 185px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .draggable { cursor: pointer; } .formdrag { font-size: 0.7em; padding: 8px; background-color: #079EC9; color: White; border: 1px solid white; -moz-box-shadow: 0px 0px 6px #AFB0B2; -webkit-box-shadow: 0px 0px 6px #AFB0B2; box-shadow: 0px 0px 6px #AFB0B2; } /* -- Form Manager -- */ #formmanagervalidation { margin-left: 212px; } #formmanagervalidation .validation-summary-errors { width: 756px; } #formmanagerheader { width: 167px; float: left; margin-bottom: 13px; } #formmanagerheader h3 { display: inline; font-weight: normal; font-size: 1.55em; } #formmanagerheader img { padding: 12px 5px 0 0; } /* -- Form Manager Breadcrumb -- */ #breadcrumb { background-color: #C4C8D1; width: 745px; float: left; margin: 0 0 0 6px; padding: 0 0 0 23px; height: 35px; position: relative; } #breadcrumb p { float: right; padding-top: 12px; margin-right: 3px; } #breadcrumb select { float: right; margin-top: 4px; width: 90px; height: 28px; } #breadcrumb ul { float: left; padding: 0; margin: 0; font-size: 1.2em; font-weight: bold; } #breadcrumb ul li { float: left; } #breadcrumb ul li img { float: left; margin: 0 !important; padding: 15px 10px 0 10px !important; } #breadcrumb ul li p { float: left; margin: 0; padding: 10px 0 0 0; } #breadcrumbfoldername { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 400px; } #breadcrumb #displayfoldername { float: left; padding-left: 17px; background-image: url("/Content/Images/redfolder.png"); background-repeat: no-repeat; background-position: 0px 11px; outline: none; color: #AE2C51; width: 480px; } #breadcrumb #displayfoldername:hover { background-image: url("/content/images/bluefolderdark.png"); color: rgb(4, 160, 200); } #breadcrumb #changedisplayfoldername { font-size: 0.8em; float: left; color: White; float: left; margin: 0 0 0 12px !important; background-color: rgb(6, 157, 200); border-radius: 4px; padding: 4px 8px 4px 8px; margin-top: 7px !important; } /* -- Form Manager Project Information -- */ #projectinformation { width: 768px; margin: 0 0 0 232px; padding: 0; } #projectinformation img { margin: 0 0 0 10px; float: left; } #projectinformation #autofill { float: left; width: 515px; margin-right: 20px; } #projectinformation #distribution { float: left; width: 210px; } #projectinformation h4 { float: left; font-size: 1.25em; color: #49494B; margin-bottom: 5px; } #projectinformation a { float: right; } /* -- Form Manager AutoFill -- */ #autofill .form { margin: 12px 0px 16px 0px; width: 514px; padding: 0; } #autofill .form .row { width: 514px; } #autofill .form .row label input, #autofill .form .row input { width: 286px; } #autofill .form h4 { font-size: 1.15em; margin-left: 13px; } #autofill .form .row span, #autofill .form .row .leftcolumn { width: 193px; text-align: right; margin-top: 3px; } #autofill .form .buttoncontainer { text-align: center; margin: 0; padding: 0; width: 514px; } #autofill .form .buttoncontainer input { float: none; } /* -- Form Manager Search -- */ #searchresults { width: 768px; float: left; margin: 0; padding: 0 0 0 6px; } #searchresults #titlebar { font-weight: normal; padding: 0 0 15px 10px; background-color: #079EC9; margin: 48px 0 0 0; } #searchresults #titlebar #titlebarhook { position: relative; } #searchresults #titlebar h1 { padding: 10px 0 0 0; color: White; font-size: 1.2em; font-weight: normal; margin: 0; } #searchresults #titlebar input { float: none; position: absolute; top: 0; left: 635px; } #searchresults #pagecontainer { border-color: #079EC9; padding-bottom: 0; margin: -5px 0 20px 0 !important; } /* -- Centered Form -- */ .centrejustifiedform { width: 515px; } .centrejustifiedform .row { width: 510px; } .centrejustifiedform .row label input { width: 288px; } .centrejustifiedform .row .halfwidth { width: 140px; float: right; margin-right: 148px; } .centrejustifiedform .row select { width: 302px; margin: 0; } .centrejustifiedform .row span { width: 188px; } .centrejustifiedform #buttoncontainer { margin: 202px 0 0 0px; float: left; } .centrejustifiedform #buttoncontainer input { float: left; min-width: 95px; height:30px; font-size: 0.9em; font-weight:bold; } .centrejustifiedform .validation-summary-errors { width: 484px;} .centrejustifiedform .row textarea { width: 480px; overflow: hidden; } /* -- Validation -- */ .rederrorbox, .input-validation-error { border: 1px solid #E77676 !important; -moz-box-shadow: 0px 0px 6px #D92B2B; -webkit-box-shadow: 0px 0px 6px #D92B2B; box-shadow: 0px 0px 6px #D92B2B; } .textbox { border: solid 1px #C1C6C9; } .validation-summary-errors ul li { list-style-type: disc; margin-bottom: 8px; margin-left: 15px; font-weight: normal; } .validation-summary-valid { display: none; } .validation-summary-errors span { font-size: 1.2em; } .buttondarkgray, .buttonlightgray, .buttondarkblue, .buttonlightblue, .buttondarkgraysmall { margin: 3px 7px 0px 0px; border: 1px solid rgb(107, 138, 156); border-radius: 4px; background-image: url("/Content/Images/buttondarkgray.png"); color: White; float: left; min-width: 95px; height:30px; font-size: 0.9em; cursor: pointer; } .buttonlightgray { color: #494949 !important; border: 1px solid rgb(107, 138, 156) !important; background-image: url("/Content/Images/buttonlightgray.png") !important; } .buttondarkblue { color: white !important; border: 1px solid rgb(5, 105, 141) !important; background-image: url("/Content/Images/buttondarkblue.png") !important; } .buttonlightblue { color: white !important; border: 1px solid #237b93 !important; background-image: url("/Content/Images/buttonblue.png") !important; } .buttondarkgraysmall { background-image: url("/Content/Images/buttondarkgraysmall.png") !important; } .buttondisabled { color: #a0a0a0 !important; } .greybutton { color: white; background-image: url("/Content/Images/buttondark.png"); width: 166px; height:30px; font-size: 0.9em; font-weight:bold; cursor: pointer; padding: 7px 0 7px 0; border: 1px solid rgb(126, 130, 133); border-radius: 4px; } #maincontacts { width:720px; } #addcontactbutton { margin: 0px; font-family: Arial; } #contactscontainer { height: 410px; overflow-y: auto; overflow-x: hidden; margin-top:14px; margin-bottom:14px; float: left; } .tablecellcontact { } .contactfirstname, .contactlastname { font-size: 14pt; } .contactemail, .contactcompany { font-size: 10pt; } .tablerowletterspan { background-color: #f0f1f3; width: 720px; color: Black; font-weight: bolder; font-size:1.15em; } .oddrow { background-color:Gray; } .addressbookletteroff, .addressbookletteron { font-size:10.5pt; font-weight:bold; padding-left: 5px; display: inline-block; } .addressbookletteroff { color:#CCCCCC; cursor: default;} .addressbookletteron { color:#047CA1; cursor: pointer; } .dividergray { border-top: 1px solid rgb(217, 217, 217); border-bottom: none; border-left: none; margin: 0px; } .dividerdarkgray { border-top: 1px solid #a4a6a5; border-bottom: none; border-left: none; margin: 0px; } /* -- company phrase book -- */ /* -- contact screen styling -- */ .buttonmargincontainer { float: left; margin: 23px 10px 23px 13px !important; } .smallclearbutton { width: 50px; min-width: 50px; margin: 5px 5px 0px 0px; height: 14px; vertical-align: middle; cursor: pointer !important; } .smallclearbutton label { cursor: pointer !important; } .searchbarright { float: right !important; width:316px !important; margin: 23px 10px 23px 13px !important; } .searchbarright img { margin: 5px 0 0 0; } .searchbarright input { float: left; width: 230px !important; margin: 3px 0px 0px 3px !important; border: none !important; height: 20px; } .rolodexdiv { text-align: left; float: left; width: 560px; padding: 20px 0px 12px 0px; cursor: default; } #contactsearchdiv { background-color: #f0f1f3 !important; width: 720px !important; height: 77px !important; border-top: 1px solid #a4a6a5; border-bottom: 1px solid rgb(217, 217, 217); } .selectlistdiv { text-align: right; float: left; width: 160px; padding: 15px 0px 10px 0px } .selectlistsmall { height: 25px; color: Black; margin-right: 0em; border-radius: 4px; border: solid 1px #C1C6C9; padding: 2px; } .contactsearchdiv { width: 290px; overflow: hidden; } .contactsearchdiv #searchbar { border: 1px solid rgb(194, 198, 199); width: 266px; border-radius: 4px; background-color: white; margin: 0px 0px 18px 0px; } .contactsearchdiv #searchbar img { margin: 5px 0 0 0; } .contactsearchdiv #searchbar input { float: left; width: 230px !important; margin: 3px 0px 0px 3px !important; border: none !important; height: 20px; } .contactsearchdiv .searchbarfocus { color: #494949; } .contactsearchdiv .searchbarblur { color: #ACACAC; } .contactsearchdiv #searchbutton { cursor: pointer; padding-right: 4px; } /* -- form screen search styling */ .formsearchdiv { width: 190px; overflow: hidden; } .formsearchdiv #searchbar { border: 1px solid rgb(194, 198, 199); width: 164px; height: 26px; border-radius: 4px; background-color: white; margin: 0px 0px 18px 0px; } .formsearchdiv #searchbar img { margin: 5px 0 0 0; } .formsearchdiv #searchbar input { float: left; width: 125px !important; margin: 3px 0px 0px 0px !important; border: none !important; height: 20px; } .formsearchdiv .searchbarfocus { color: #494949; } .formsearchdiv .searchbarblur { color: #ACACAC; } .formsearchdiv #searchbutton { cursor: pointer; } .formsbuttonmargincontainer { float: left; margin: 0 10px 0 0; } /* -- rad editor styling -- */ .reToolbar li.reSeparator, .reToolbar li.grip_last, .reToolbar li.grip_first { margin-top: auto !important; } .reModule { padding-left: 5px; } .reWrapper { border-radius: 4px; border: 1px solid #C1C6C9 !important; } .reContentCell {border: 1px solid #C1C6C9 !important; } .reAjaxspell_button { background-color: #E6E9EE !important; } .reTool .PhraseCreation { background-image: url("/content/images/clipboard.jpg"); } .reToolbar .PhraseCreation { background-image: url("/content/images/clipboard.jpg") !important; } .reTool .FullScreen { background-image: url("/content/images/fullscreen.png") !important; } /* -- jquery datepicker styling -- */ .ui-datepicker { display: none; background-color: #E6E9EE; font-size: 0.8em; border: 1px solid #CA2424; border-radius: 5px; padding: 8px; } .ui-datepicker-prev { float: left; } .ui-datepicker-next { float: right; } .ui-datepicker-prev, .ui-datepicker-next { font-weight: bold; padding-top: 3px; cursor: pointer; } .ui-datepicker-title { text-align: center; } .ui-datepicker-title select { border: solid 1px #C1C6C9; padding: 2px; border-radius: 4px; width: 55px; } .ui-datepicker-calendar tbody td { background-color: #FDFDFD; border: 1px solid #C1C6C9; padding: 3px 6px 3px 6px; font-size: 0.775em; text-align: center; font-weight: bold; } .ui-datepicker-calendar tbody td a { color: #494949; } .ui-datepicker-calendar tbody td:hover, .ui-datepicker-today:hover { background-color: rgb(4, 124, 161) !important; cursor: pointer; } .ui-datepicker-calendar tbody td:hover a, .ui-datepicker-today:hover a { color: White !important;} .ui-datepicker-today { background-color: #B52121 !important; } .ui-datepicker-today a { color: White !important; } /* -- jquery slider styling -- */ .ui-slider { position: relative; width: 120px; height: 6px; border-radius: 8px; background-color: #A3A7B3; margin: 0 0 10px 5px; } .ui-slider .ui-state-default, .ui-slider .ui-widget-content .ui-state-default { background-image: url("/content/images/sliderbackground.png"); border: 1px solid #079EC9; color: #1C94C4; border-radius: 2px; } .ui-slider-horizontal .ui-slider-handle { margin-left: -6px; top: -5px; } .ui-slider .ui-slider-handle { cursor: default; height: 13px; position: absolute; width: 13px; } .slideroptionscontainer { width: 200px; padding: 0 0 30px 0 !important; margin: 0 !important; } .slideroptionscontainer div { float: left; font-weight: bold; margin-right: 32px; } .slideroptionscontainer div.lastoption { margin-right: 0; } /* -- Phrase pages -- */ .phrasesearchdiv { width: 290px; overflow: hidden; } .phrasesearchdiv #searchbar { border: 1px solid rgb(194, 198, 199); width: 266px; height: 26px; border-radius: 4px; background-color: white; margin: 17px 0px 18px 13px; } .phrasesearchdiv #searchbar img { margin: 5px 0 0 0; } .phrasesearchdiv #searchbar input { float: left; width: 335px !important; margin: 3px 0px 0px 3px !important; border: none !important; height: 20px; } .phrasesearchdiv .searchbarfocus { color: #494949; } .phrasesearchdiv .searchbarblur { color: #ACACAC; } .phrasesearchdiv #searchbutton { cursor: pointer; } #phrasereporttype { width: 500px; float: left; padding-left:26px; } #phrasereporttypeddl { height: 25px; } #phrasesortpreference { float: right; padding-right:26px; padding-bottom:6px; } #phrasesortpreference select, #phrasereporttype select { border-radius: 4px; border: solid 1px #C1C6C9; padding: 2px; } #phrasesearchdiv { background-color: #f0f1f3 !important; width: 720px !important; height: 109px !important; border-top: 1px solid #a4a6a5; border-bottom: 1px solid #D9D9D9 !important; clear:both; } #phrasetablediv { height: 410px; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; overflow-y: auto; overflow-x:hidden; } #phrasetablediv table { margin-top:0px; padding-top:0px; width: 720px; } #phrasetablediv table td { border-bottom: 1px solid #D9D9D9; position: relative; padding: 13px 30px 12px 18px; margin: 0px; clear: both; border-top: none; border-left: none; border-right: none; } #phrasetablediv .phraseselected { background-color: #DEF9FA; } .phraseform .row span { width: 159px !important; padding-top:7px !important; float: left; } .phraseform .row select { margin-bottom: 0; float: left; } .phraseform .row textarea { margin: 0px !important; width: 295px !important; height: 54px !important; float: left !important; font-size:1em; } .phraseform .row input { float: left !important; } .addphrasebuttoncontainer { padding-top:15px; clear:both; } .searchbarleft { float: left !important; width:423px !important; margin: 23px 13px 23px 26px !important; } .tablecellphrase { } .phrasedeletelink { color:Gray; text-align: right; float:right; } #clearbutton { display:none; } #searchbutton { float:right; padding-right:9px; } #editphrasebuttoncontainer { margin-top:30px !important; float:left !important;} #phraselistempty { color: #494949; font-weight: bold; text-align: center; border-bottom:none !important; } .editphraserow span { width: 159px !important; padding-top:7px !important; float: left; } .editphraserow textarea { margin-left: ; width: 295px !important; height: 54px !important; float: right !important; margin-left:; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; } #phrase { margin-bottom: 10px; background-color: #FDFDFD; padding: 8px; font-style: italic; line-height: 1.2em; font-size: 0.9em; border: 1px solid #ccc; border-radius: 3px; } .highlight { background-color: Yellow; font-style: normal; font-weight: bold; } #completephrasemodal input, .phrasecompletioncontainer span { float: none; } #completephrasemodal label span { width: 300px; } /* -- Catalogue -- */ #viewcatalogue { margin: 4px 47px 5px 47px; height:700px; } #viewcatalogue .backbutton { margin: 0 8px 11px 11px; float: left; height: 21px; width: 48px; padding: 7px 0 0 22px; background-image: url("/Content/Images/previouspagegreybackground.png"); background-repeat: no-repeat; cursor: pointer; color: White; font-weight:bold; font-size: 0.9em; } #viewcatalogue .createnewformheader { font-size: 1.6em; margin-top: 3px; float:left; width:180px; } #viewcatalogue #hrtopdivider { margin:13px 0 11px 0; clear:both; border-top: 1px solid #c3c7ca;} hr.totaltopbordergreyshadow { border-bottom: 3px solid #e0e4e7; border-left: none; border-right: none; margin: 0px; } #viewcatalogue .tabactive, #viewcatalogue .tabinactive, #viewcatalogue .tabactivesector, #viewcatalogue .tabactivecomplete { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #9195a0; border-left: 1px solid #9195a0; border-right: 1px solid #9195a0; float:left; color:Black; display:block; cursor:default; } #viewcatalogue .tabinactive { color:White; background-color:#a3a7b3; height:26px; margin-top:4px; padding-top:9px; font-size: 1.1em; cursor:pointer; text-align:center; } #viewcatalogue .tabactive { font-weight:bold; background-color:White; height:26px; padding-top:13px; font-size: 1.3em; text-align:center; cursor:default; } #viewcatalogue .tabactivecomplete { font-weight:bold; background-color:White; height:26px; padding-top:13px; font-size: 1.1em; text-align:center; } #viewcatalogue .tabbreak { border-bottom: 1px solid #9195a0; float:left; width:4px; height:39px;} #viewcatalogue .tabend { float:left; height:39px; } #viewcatalogue .tab { min-width: 140px; margin-left: 0px; } #viewcatalogue #cataloguetabs { margin-left: 15px; } #viewcatalogue #completecataloguetab { width:157px; } #viewcatalogue #cataloguemain { border: 1px solid #9195a0; border-radius: 4px; box-shadow: 0 0 10px 3px #d7d8da; background-color:White; height:595px; width:941px; margin-top: -1px; } #viewcatalogue .categorylinkactive, #viewcatalogue .categorylinkinactive { display:inline-block; margin-left:11px; font-size:1.1em; } #viewcatalogue .categorylinkactive { color:White; margin-right: 13px; margin-top:14px; padding-left: 12px; padding-right: 12px; padding-top:6px; border-radius: 4px; height:22px; border: 1px solid #237b93; background-image: url("/Content/Images/buttonblue.png"); font-weight:bold; cursor:default; } #viewcatalogue .categorylinkinactive { color:Black; margin-right: 16px; margin-top:22px; } #viewcatalogue .categorylinkinactive:hover { color: rgb(4, 124, 161); cursor:pointer; } #viewcatalogue .cataloguecategorydivider, #viewcatalogue .cataloguecategorydivideredge { margin-top: 10px; border-top: 1px solid #eaebed; border-bottom: none; border-left:none; border-right:none; clear:both; } #viewcatalogue .cataloguecategorydivideredge { margin-top:55px; } #viewcatalogue #cataloguelist { float:left; width: 709px; margin: 6px 0 0 10px; overflow-y:auto; max-height:510px } #viewcatalogue .formitem { cursor: default; float:left; width:170px; height:245px; margin-bottom:20px; border-radius: 4px; padding: 20px 0 0 1px; } #viewcatalogue .formitem:hover { border: 1px solid #a4afb5; background-color: #daf1f7; height:244px; width:169px; padding: 19px 0 0 0; } #viewcatalogue .formitem .starinactive, #viewcatalogue .formitem .staractive { visibility:hidden; float:left; width: 14px; height:13px; margin-top:136px; margin-left:11px; cursor:pointer;} #viewcatalogue .formitem:hover .starinactive, #viewcatalogue .formitem:hover .staractive { visibility:visible; } #viewcatalogue .formitem .starinactive { background-image: url("/Content/Images/starinactive.png"); } #viewcatalogue .formitem .staractive { background-image: url("/Content/Images/staractive.png"); } #viewcatalogue .formitem .formicon { width:103px; height:135px; float:left; margin-left:7px; cursor:pointer;} #viewcatalogue .formitem .formitemlabel { color: #069DCA; float:left; width:125px; margin-left:11px; margin-top:10px; cursor:pointer;} #viewcatalogue .formitem .formprice { float:left; width:45px; margin-left:11px; margin-top:10px; } #viewcatalogue #cataloguegreymenu { float:left; width:195px; height:296px; margin-top:13px; background-color:#f2f2f2; margin-left:5px; } #viewcatalogue #cataloguegreymenu #favouriteformsheading { margin-top:26px; } #viewcatalogue #cataloguegreymenu #recentformsheading { margin-top:29px; } #viewcatalogue #cataloguegreymenu .formlinksheading { font-weight:bold; margin-left:15px; margin-bottom:7px;} #viewcatalogue #cataloguegreymenu .formlink { display:block; margin-bottom: 7px; margin-left:15px; margin-right:15px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; cursor:pointer; } #viewcatalogue #cataloguegreymenu .noforms { color:Grey; margin-left:15px; } /* -- Form Type Selector -- */ #formtypeselector { margin: 4px 46px 5px 47px; min-height:690px; } #formtypeselector .backbutton { margin-left:11px; margin-right: 8px; float:left; height: 21px; width: 48px; padding: 7px 0 0 22px; background-image: url("/Content/Images/previouspagegreybackground.png"); background-repeat: no-repeat; cursor: pointer; color: White; font-weight:bold; font-size: 0.9em; } #formtypeselector .createnewformheader { font-size: 1.6em; margin-top: 3px; float:left; width:700px; } #formtypeselector .createnewformheader span { font-style:normal; font-weight:bold; } #formtypeselector #hrtopdivider { margin-top:11px; clear:both; border-top: 1px solid #c3c7ca;} #formtypeselector #selector { float:left; border-top:1px solid #9195A0; border:1px solid #9195A0; margin-top: 11px; width:939px; border-radius:4px; box-shadow: 0 0 10px 3px #d7d8da; background-image: url("/Content/Images/sidebarbackground.png"); } #formtypeselector #selectorleft, #formtypeselector #selectorright { float:left; min-height:680px; } #formtypeselector #selectorleft { width:218px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #formtypeselector #selectorright { width:720px; border-left:1px solid #9195A0; background-color: White; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #formtypeselector #selectortopleft { height:202px; padding-left:16px; padding-top:18px; } #formtypeselector #selectormidleft { height: 152px; padding-left:16px; padding-top:17px; } #formtypeselector #selectorbottomleft { padding-left:16px; padding-top: 10px; } #formtypeselector .dashedborder { background-image: url("/Content/Images/dashedborder.png"); height: 1px; } #formtypeselector #thumbnail { width:103px; height:135px; float:left; } #formtypeselector #catalogueentryname { width:140px; float:left; margin-top:7px; color: rgb(4, 124, 161); } #formtypeselector #catalogueentrydescription { text-align:justify; float:left; width:188px; } #formtypeselector #formreferencelabel { margin-left:39px; margin-top:40px; font-weight:bold; float:left; padding-top:6px; font-size:1.1em; } #formtypeselector #formreference input { float: right; width: 350px; margin-top:40px; margin-right:39px; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px; height: 22px; border-radius: 4px; } #formtypeselector #folderlabel { margin-left:39px; margin-top: 20px; font-weight:bold; float:left; padding-top:6px; font-size:1.1em; } #formtypeselector #folder select { float: right; width: 150px; margin-top:16px; margin-right:17px; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px; height: 28px; border-radius: 4px; } #formtypeselector #folder span { font-size: 1.1em; float:right; margin-top:20px; padding-top:6px; font-weight:bold; margin-right:18px; } #formtypeselector #folder input { float: right; width: 150px; margin-top:16px; margin-right:39px; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px; height: 22px; border-radius: 4px; } #formtypeselector .folderwide input { width: 350px !important; } #formtypeselector .formtype { margin-left:39px; margin-top: 40px; background-image: url("/Content/Images/formtypebackground.png"); border-radius:3px; border: 1px solid #d7d8da; width:298px; height:328px; box-shadow: 0 0 10px #d9d9d9; display:inline-block; } #formtypeselector .formtype .title, #formtypeselector .formtype .featureset, #formtypeselector .formtype .publishcost { border-bottom: 1px inset #dfdfdf; margin-left: 22px; margin-right: 22px; } #formtypeselector .formtype .title { margin-top:32px; font-size:2em; font-weight:bold; padding-bottom:12px; } #formtypeselector .formtypesingle { margin: 0 0 50px 37px; } #formtypeselector .formtypesingle .publishcost { float:left; margin-top:46px; font-size:1.2em } #formtypeselector .formtypesingle .publishcost .costlabel { font-weight:bold; float:left; margin-left: 3px; width:120px } #formtypeselector .formtypesingle .publishcost .exvat { color:Grey; float:left; margin-left:0px; width:100px;} #formtypeselector .formtypesingle .publishcost .costvalue { font-weight:bold; float:left; margin-left:57px; width:100px; } #formtypeselector .formtype .publishcost { height:50px; padding-top: 19px; } #formtypeselector .formtype .publishcost .costlabel { font-weight:bold; float:left; margin-left: 3px; } #formtypeselector .formtype .publishcost .costvalue { font-weight:bold; float:right; } #formtypeselector .formtype .publishcost .exvat { color:Grey; float:right; clear:right; } #formtypeselector .formtypefavourite { background-image: url("/Content/Images/formtypebackgrounddarker.png"); border-radius:3px; border: 1px solid #C4C7CE; width:298px; height:328px; box-shadow: 0 0 0 3px #DFDFDD; } #formtypeselector .formtypefavourite .title, #formtypeselector .formtypefavourite .featureset, #formtypeselector .formtypefavourite .publishcost { border-bottom: 1px inset #dfdfdf; margin-left: 22px; margin-right: 22px; } #formtypeselector .formtypefavourite .title { margin-top:32px; font-size:2em; font-weight:bold; padding-bottom:12px; } #formtypeselector .formtypefavourite .publishcost { height:50px; padding-top: 19px; } #formtypeselector .formtypefavourite .publishcost .costlabel { font-weight:bold; float:left; margin-left: 3px; } #formtypeselector .formtypefavourite .publishcost .costvalue { font-weight:bold; float:right; } #formtypeselector .formtypefavourite .publishcost .exvat { color:Grey; float:right; clear:right; } #formtypeselector .formtypefavourite .createformbuttonblue { display:block; border: 1px solid #909090; border-radius: 4px; padding-bottom:12px; padding-top:12px; width: 113px; background-image: url("/Content/Images/buttonlargeblue.png"); margin-top: 22px; margin-bottom:22px; margin-left:auto; margin-right:auto; text-align:center; color:White; font-size:0.9em; font-weight:bold; cursor:pointer; } #formtypeselector .featureset { margin-top:18px; height: 78px; margin-left:5px; clear:left;} #formtypeselector .featureset .tick { background-image: url("/Content/Images/smallbluetick.png"); width:11px; height:9px; float:left; display:inline-block; margin-top:3px; } #formtypeselector .featureset .feature { display:inline-block; margin-left: 10px; } #formtypeselector .mostpopularwrapper { display:inline-block; width:306px; height:336px; margin-left:39px; margin-top: 40px; } #formtypeselector .mostpopularimg { position: absolute; z-index:1000; margin-top:-6px; margin-left:215px; } #formtypeselector #disclaimerheading { font-weight:bold; color:#A4A7B0; margin-top: 25px; margin-left:20px;} #formtypeselector #disclaimer { color:#A4A7B0; font-size:0.9em; margin: 10px 20px 0px 20px; text-align:justify; line-height:1.5; margin-bottom: 45px;} #formtypeselector .clear { clear:both; margin:0px; padding:0px; } #formtypeselector .centered { margin-left:210px !important; } #formtypeselector .validation-summary-errors { margin-top:54px; margin-left:39px; width:630px !important; margin-bottom:0px; } /*-- Appended documents -- */ .appendeddocumentslist { height : 300px; width: 320px; border: 1px solid #D7D8DC; margin: 2px; overflow: auto; overflow-x: hidden; float: left;} .appendeddocumentslist li { border-bottom: 1px solid #D7D8DC; padding-bottom: 10px; width: 100%; } .appendeddocumentslist li img { margin-top: 5px; margin-right: 8px; margin-left: 8px; vertical-align: text-bottom; } .appendeddocumentslist input { line-height: 1.8em !important; height: 13px !important; width: 13px !important; border: none !important; vertical-align: bottom; padding: 0 !important; margin: 8px 0px 0 5px; border-radius: 4px; } /*--Company Information -- */ .companyinfo { float: left; width: 50%; height: 160px;} /* -- Report Image Uploading -- */ .imageuploader { clear:both; } .formattedtext { clear:both; } .permittedfiletypes { clear:both; } .permittedfiletypes span { font-weight: bold; } .imagedimensions span { font-weight: bold; } .imagepreviews { clear:both; } .imagepreview { margin-top:5px; margin-bottom:15px; font-weight: bold; background-color: white; border: 1px solid black; padding: 10px; margin-right: 10px; border-radius: 4px; } .imagepreview img { display:block; margin-top:10px; margin-bottom:10px; border:1px solid black; max-width:570px; } .imageuploadbutton { height: 27px; width: 77px; cursor:pointer !important; position: absolute; z-index: 1; opacity:0; filter: alpha(opacity=0); } .imageuploadbuttonfrontend { margin-top: 10px; margin-bottom:15px; display:block; color: White; border: 1px solid rgb(5, 133, 170); border-radius: 4px; background-image: url("/Content/Images/buttonbluesmall.png"); height: 27px; width: 85px; cursor:pointer !important; z-index:1; } .imageuploadbuttonfrontend input { cursor: pointer; } .imageuploadbuttonlabel { position:absolute; margin-left:3px; margin-top:7px; font-size:0.85em; font-weight:bold; cursor:pointer !important; } .toggleimageuploadpreviews { display:block; font-weight:bold; margin-top:-30px; margin-bottom:20px; margin-right:10px; background-color:White; border-radius:10px; border-width:1px; border-style:solid; border-color: rgb(4, 124, 161); float:right; width:100px; text-align:center; padding:5px; } .toggleimageuploadpreviews:hover { background-color:#cee9f4; } .imageuploadbutton:hover { cursor: pointer; } .imageuploadbuttonfrontend:hover { cursor: pointer; } .imageuploadbuttonlabel:hover { cursor: pointer; } /* -- Browser warning on login -- */ #oldbrowserwarning { background-color: #FF613A; color: White; display: none; } #oldbrowserwarning .newsarticledivider { border-bottom-color: White; } #oldbrowserwarning p { font-size: 1em; margin-bottom: 10px; } /* Image uploading */ .uploadingthrobber { display:none; } /* Form Chooser */ #formtypechooser #formtypelabel { margin-left:39px; margin-top:40px; font-weight:bold; float:left; padding-top:6px; font-size:1.1em; } #formtypechooser #formtypedropdown select { float: right; width: 364px; margin-top:40px; margin-right:39px; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px; height: 28px; border-radius: 4px; } #formtypechooser { margin: 4px 46px 5px 47px; min-height:690px; } #formtypechooser .backbutton { margin-left:11px; margin-right: 8px; float:left; height: 21px; width: 48px; padding: 7px 0 0 22px; background-image: url("/Content/Images/previouspagegreybackground.png"); background-repeat: no-repeat; cursor: pointer; color: White; font-weight:bold; font-size: 0.9em; } #formtypechooser .createnewformheader { font-size: 1.6em; margin-top: 3px; float:left; width:700px; } #formtypechooser .createnewformheader span { font-style:normal; font-weight:bold; } #formtypechooser #hrtopdivider { margin-top:11px; clear:both; border-top: 1px solid #c3c7ca;} #formtypechooser #selector { float:left; border-top:1px solid #9195A0; border:1px solid #9195A0; margin-top: 11px; width:939px; border-radius:4px; box-shadow: 0 0 10px 3px #d7d8da; background-image: url("/Content/Images/sidebarbackground.png"); } #formtypechooser #selectorleft, #formtypechooser #selectorright { float:left; min-height:680px; } #formtypechooser #selectorleft { width:218px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } #formtypechooser #selectorright { width:720px; border-left:1px solid #9195A0; background-color: White; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #formtypechooser #selectortopleft { height:202px; padding-left:16px; padding-top:18px; } #formtypechooser #selectormidleft { height: 152px; padding-left:16px; padding-top:17px; } #formtypechooser #selectorbottomleft { padding-left:16px; padding-top: 10px; } #formtypechooser .dashedborder { background-image: url("/Content/Images/dashedborder.png"); height: 1px; } #formtypechooser #thumbnail { width:103px; height:135px; float:left; } #formtypechooser #catalogueentryname { width:140px; float:left; margin-top:7px; color: rgb(4, 124, 161); } #formtypechooser #catalogueentrypriceband { width: 188px; float:left; margin-bottom:14px; padding-bottom: 2px; color: #777; border-bottom: 1px solid #999; } #formtypechooser #catalogueentrydescription { float:left; min-width:599px; margin-left:41px; margin-top:20px; margin-bottom:15px; margin-right:40px; font-style: italic; background-color:#d7d8da; border-radius:4px; padding:20px; text-align:justify; } #formtypechooser #formreferencelabel { margin-left:39px; margin-top:20px; font-weight:bold; float:left; padding-top:6px; font-size:1.1em; } #formtypechooser #formreference input { float: right; width: 350px; margin-top:20px; margin-right:39px; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px; height: 22px; border-radius: 4px; } #formtypechooser #folderlabel { margin-left:39px; margin-top: 20px; font-weight:bold; float:left; padding-top:6px; font-size:1.1em; } #formtypechooser #folder select { float: right; width: 150px; margin-top:16px; margin-right:17px; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px; height: 28px; border-radius: 4px; } #formtypechooser #folder span { font-size: 1.1em; float:right; margin-top:20px; padding-top:6px; font-weight:bold; margin-right:18px; } #formtypechooser #folder input { float: right; width: 150px; margin-top:16px; margin-right:39px; font-size: 1em; border: solid 1px #C1C6C9; padding: 2px 6px 2px 6px; height: 22px; border-radius: 4px; } #formtypechooser .folderwide input { width: 350px !important; } #formtypechooser .formtype { margin-left:39px; margin-top: 40px; background-image: url("/Content/Images/formtypebackground.png"); border-radius:3px; border: 1px solid #d7d8da; width:298px; height:328px; box-shadow: 0 0 10px #d9d9d9; display:inline-block; } #formtypechooser .formtype .title, #formtypechooser .formtype .featureset, #formtypechooser .formtype .publishcost { border-bottom: 1px inset #dfdfdf; margin-left: 22px; margin-right: 22px; } #formtypechooser .formtype .title { margin-top:32px; font-size:2em; font-weight:bold; padding-bottom:12px; } #formtypechooser .formtypesingle { margin: 0 0 40px 37px; } #formtypechooser .formtypesingle .publishcost { float:left; margin-top:46px; font-size:1.2em } #formtypechooser .formtypesingle .publishcost .costlabel { font-weight:bold; float:left; margin-left: 3px; width: 200px } #formtypechooser .formtypesingle .publishcost .exvat { color: #555; float:left; margin-left:0px; width:100px;} #formtypechooser .formtypesingle .publishcost .costvalue { font-weight:bold; float:left; margin-left:57px; width: 200px; } #formtypechooser .formtypesingle input { float:right; margin-right:40px; } #formtypechooser .formtype .publishcost { height:50px; padding-top: 19px; } #formtypechooser .formtype .publishcost .costlabel { font-weight:bold; float:left; margin-left: 3px; } #formtypechooser .formtype .publishcost .costvalue { font-weight:bold; float:right; } #formtypechooser .formtype .publishcost .exvat { color: #555; float:right; clear:right; } #formtypechooser .formtypefavourite { background-image: url("/Content/Images/formtypebackgrounddarker.png"); border-radius:3px; border: 1px solid #C4C7CE; width:298px; height:328px; box-shadow: 0 0 0 3px #DFDFDD; } #formtypechooser .formtypefavourite .title, #formtypechooser .formtypefavourite .featureset, #formtypechooser .formtypefavourite .publishcost { border-bottom: 1px inset #dfdfdf; margin-left: 22px; margin-right: 22px; } #formtypechooser .formtypefavourite .title { margin-top:32px; font-size:2em; font-weight:bold; padding-bottom:12px; } #formtypechooser .formtypefavourite .publishcost { height:50px; padding-top: 19px; } #formtypechooser .formtypefavourite .publishcost .costlabel { font-weight:bold; float:left; margin-left: 3px; } #formtypechooser .formtypefavourite .publishcost .costvalue { font-weight:bold; float:right; } #formtypechooser .formtypefavourite .publishcost .exvat { color:Grey; float:right; clear:right; } #formtypechooser .formtypefavourite .createformbuttonblue { display:block; border: 1px solid #909090; border-radius: 4px; padding-bottom:12px; padding-top:12px; width: 113px; background-image: url("/Content/Images/buttonlargeblue.png"); margin-top: 22px; margin-bottom:22px; margin-left:auto; margin-right:auto; text-align:center; color:White; font-size:0.9em; font-weight:bold; cursor:pointer; } #formtypechooser .featureset { margin-top:18px; height: 78px; margin-left:5px; clear:left;} #formtypechooser .featureset .tick { background-image: url("/Content/Images/smallbluetick.png"); width:11px; height:9px; float:left; display:inline-block; margin-top:3px; } #formtypechooser .featureset .feature { display:inline-block; margin-left: 10px; } #formtypechooser .mostpopularwrapper { display:inline-block; width:306px; height:336px; margin-left:39px; margin-top: 40px; } #formtypechooser .mostpopularimg { position: absolute; z-index:1000; margin-top:-6px; margin-left:215px; } #formtypechooser #disclaimerheading { font-weight:bold; color:#A4A7B0; margin-top: 25px; margin-left:20px;} #formtypechooser #disclaimer { color:#A4A7B0; font-size:0.9em; margin: 10px 20px 0px 20px; text-align:justify; line-height:1.5; margin-bottom: 45px;} #formtypechooser #disclaimerheadingleft { font-weight:bold; color:#A4A7B0; margin-top: 10px; font-size:0.9em; } #formtypechooser #disclaimerleft { color:#A4A7B0; font-size:0.8em; margin: 10px 20px 0px 0px; text-align:justify; line-height:1.4;} #formtypechooser .clear { clear:both; margin:0px; padding:0px; } #formtypechooser .centered { margin-left:210px !important; } #formtypechooser #validationsummary { margin-left:41px; margin-top:20px; margin-bottom:0px; width: 627px; } /* ImageCollection Uploader */ .imagecaption { cursor: pointer; margin-top:5px; margin-bottom:10px; font-weight:bold; } .imagecaption:hover { color: #047CA1; } .imagecaption span { font-weight:normal; } .imagecaptiontextarea { display:none; width:566px; height:50px; margin-top:5px; overflow-y: auto; } .deleteimagelink { float:right; margin-right:10px; } .deleteimagelink:hover { color:#ca2424; } .addcaption { margin-top:5px; display:block; } /* Ratings Selector */ .ratingsselector { display: inline-block; border: 1px solid #A4ABB2; border-radius: 4px; } .ratingsdropdown { width: 110px; margin: 0px; } .ratingsdropdown dd, .ratingsdropdown dt, .ratingsdropdown ul { margin:0px; padding:0px; } .ratingsdropdown dd { position:relative; } .ratingsdropdown a, .ratingsdropdown a:visited { color:#816c5b; text-decoration:none; outline:none;} .ratingsdropdown a:hover { color:black;} .ratingsdropdown dt a:hover, .ratingsdropdown dt a:focus { border: 1px solid white;} .ratingsdropdown dt a {background:white url('/Content/Images/arrow-paddingright.png') no-repeat scroll right center; display:block; padding-right:30px; padding-left:5px; border:1px solid white; width:73px; border-radius:3px; height:24px;} .ratingsdropdown dt a:hover { background:white url('/Content/Images/arrow-paddingright-highlighted.png') no-repeat scroll right center; } .ratingsdropdown dt a .outerspan {cursor:pointer; display:block; padding-top:2px; padding-bottom:2px; width:inherit !important;} .ratingsdropdown dt a .nondefined { cursor:pointer; display:block; padding-top:2px; padding-bottom:2px; } .ratingsdropdown dd ul { background:white none repeat scroll 0 0; border:1px solid #3399FF; color:#C5C0B0; display:none; left:0px; padding:0px 0px; position:absolute; top:1px; width:auto; min-width:21px; list-style:none; z-index:1; } .ratingsdropdown span.optionvalue { display:none;} .ratingsdropdown dd ul li a { padding-left:5px; padding-right:5px; display:block; padding-top:5px; padding-bottom:5px; width:96px;} .ratingsdropdown dd ul li a:hover { background-color:#b8f4ff;} .ratingsdropdown img.ratingimage { border:none; vertical-align:middle; margin-left:0px; } /* Form History */ #documenthistory { height:240px; overflow-y: auto; margin-top:10px; margin-bottom:18px; } #documenthistory span { margin-top:5px; } #documenthistory .historydate { margin-right: 5px; } #documenthistory .historytime { margin-right: 5px; } #documenthistory .historyaction { } #documenthistory .historyby { } #documenthistory .historyuser { margin-right: 5px; } /* System Activity */ #systemactivitytableheading { margin-top: 20px; border-bottom:2px groove #A5A5A5; width: 100%; } #systemactivitytableheading th { font-weight:bold; text-align:left; padding-left:5px; } #systemactivitytableheading th a { width:150px; margin-right:10px; display:inline-block; padding-bottom:5px; } #systemactivitycontainer { border-bottom:1px solid #B4B4B4; overflow-y: auto; overflow-x:hidden; } #systemactivitytable { padding:0px; width:100%; } #systemactivitytable tr { } #systemactivitytable .evenrowcolour { background-color:#F3F4F6; } #systemactivitytable tr td { margin:0px; padding-left:5px; padding-top:10px; padding-bottom:10px; } #systemactivitytable tr td span { margin-left:0px; margin-right:10px; display:inline-block; width:150px; } #systemactivitytableheading .headingselected { color: #9A2E22;} .systemactivityresultsdropdown { width: 53px; float: right; margin-right: 20px; border-radius: 4px; border: solid 1px #C1C6C9; padding: 2px; } #systemactivitycontentfooterpagelist .resultsdropdown { width: 53px; float: right; margin-right: 20px; border-radius: 4px; border: solid 1px #C1C6C9; padding: 2px; } #systemactivitycontentfooterpagelist .contentfooter ul { padding: 0px 3px 0px 9px; float: right; margin: 8px 0px 0px 0px; } #systemactivitycontentfooterpagelist .contentfooter li { display: inline; padding: 0px 2px 0px 0px; margin-left: 1px; } #systemactivitycontentfooterpagelist { padding: 16px 0px 0px 0px; float: right; } #systemactivitycontentfooterpagelist .currentfooter { color: #707070; } #systemactivitycontentfooterpagelist .paging { float: right; height: 28px; width: 20px; margin: 0px 0px 0px 2px; } #systemactivitycontentfooterpagelist .pagingfirst { background-image: url("/Content/Images/paging_first.jpg"); } #systemactivitycontentfooterpagelist .pagingfirstdisabled { background-image: url("/Content/Images/paging_first_disabled.png"); } #systemactivitycontentfooterpagelist .paginglast { background-image: url("/Content/Images/paging_last.jpg"); } #systemactivitycontentfooterpagelist .paginglastdisabled { background-image: url("/Content/Images/paging_last_disabled.png"); } #systemactivitycontentfooterpagelist .pagingprevious { background-image: url("/Content/Images/paging_previous.jpg"); } #systemactivitycontentfooterpagelist .pagingpreviousdisabled { background-image: url("/Content/Images/paging_previous_disabled.png"); } #systemactivitycontentfooterpagelist .pagingnext { background-image: url("/Content/Images/paging_next.jpg"); } #systemactivitycontentfooterpagelist .pagingnextdisabled { background-image: url("/Content/Images/paging_next_disabled.png"); } /* Credits & purchases */ #credits h1 { font-size: 1.6em; margin-bottom: 8px; } #credits table { width: 550px; margin-bottom: 32px; } #credits table td p { margin-top: 8px; } #credits table tr td { border-bottom: 1px solid #e2e2e2; padding-bottom: 5px; } #credits table tr td.noborder { border: none; } #cardlogos { float:right; text-align: center; padding: 8px; } #cardlogos p { margin-bottom: 16px; } #aboutbox { width: 702px; padding: 8px; } #aboutbox p { font-size: 0.9em; line-height: 1.5em; color: #a4a7b0; margin-bottom: 4px; text-align: justify; } #aboutbox img { margin-left: 32px; margin-bottom: 16px; } #addcreditproducts .adminlist tr.first td { line-height: 1.5em; padding: 16px 0 6px 0; border-bottom: none; } #addcreditproducts .adminlist tr td { line-height: 1.5em; padding: 2px 0 2px 0; border-bottom: none; } #addcreditproducts .adminlist tr.last td { border-bottom: 2px solid #d2d2d2; } #addcreditproducts .adminlist tr:hover { color: #777; } #basket h3 { text-align: center; margin-bottom: 8px; } #basket #nothing { text-align: center; } #basket #orders td { font-size: 0.9em; vertical-align: top; padding: 6px; border-bottom: 1px solid #dcdcdc; } #basket a.redx, #basket a.redx:visited, #basket a.redx:hover { color: #990000; } #basketsummary { float: left; width: 520px; } #basketsummary p { line-height: 1.2em; margin-bottom: 8px; } #basketsummary p.red { color: #990000; font-weight: bold; font-size: 1.2em; } #basketsummary #bypassnote { margin: 32px 0 24px 0; padding: 32px; padding-bottom: 24px; border: 4px dotted #ccc; } #basketsummary #totals td { border-top: 1px solid #ccc; padding-top: 8px; } .paymentreturn p { margin-bottom: 8px; font-size: 1.2em; } .error { color: #990000; font-weight: bold; } #sortedlisttable { margin: 20px 0 20px 0; width: 720px; border-bottom: 1px solid #ccc; } #sortedlisttable th { mid-width: 100px; font-weight: bold; text-align: left; border-bottom: 2px groove #a5a5a5; padding-bottom: 5px; } #sortedlisttable th a { margin-right: 20px; display: inline-block; } #sortedlisttable { padding: 0px; width: 100%; } #sortedlisttable tr td { margin: 0px; padding-top: 10px; padding-bottom: 10px; } #sortedlisttable tr:nth-child(odd) td { background: rgb(243, 244, 246); } #sortedlisttable .headingselected { color: #9A2E22;} .sortedlistresultsdropdown { width: 53px; float: right; margin-right: 20px; border-radius: 4px; border: solid 1px #C1C6C9; padding: 2px; } #sortedlistcontentfooterpagelist .resultsdropdown { width: 53px; float: right; margin-right: 20px; border-radius: 4px; border: solid 1px #C1C6C9; padding: 2px; } #sortedlistcontentfooterpagelist .contentfooter ul { padding: 0px 3px 0px 9px; float: right; margin: 8px 0px 0px 0px; } #sortedlistcontentfooterpagelist .contentfooter li { display: inline; padding: 0px 2px 0px 0px; margin-left: 1px; } #sortedlistcontentfooterpagelist { padding: 16px 0px 0px 0px; float: right; } #sortedlistcontentfooterpagelist .currentfooter { color: #707070; } #sortedlistcontentfooterpagelist .paging { float: right; height: 28px; width: 20px; margin: 0px 0px 0px 2px; } #sortedlistcontentfooterpagelist .pagingfirst { background-image: url("/Content/Images/paging_first.jpg"); } #sortedlistcontentfooterpagelist .pagingfirstdisabled { background-image: url("/Content/Images/paging_first_disabled.png"); } #sortedlistcontentfooterpagelist .paginglast { background-image: url("/Content/Images/paging_last.jpg"); } #sortedlistcontentfooterpagelist .paginglastdisabled { background-image: url("/Content/Images/paging_last_disabled.png"); } #sortedlistcontentfooterpagelist .pagingprevious { background-image: url("/Content/Images/paging_previous.jpg"); } #sortedlistcontentfooterpagelist .pagingpreviousdisabled { background-image: url("/Content/Images/paging_previous_disabled.png"); } #sortedlistcontentfooterpagelist .pagingnext { background-image: url("/Content/Images/paging_next.jpg"); } #sortedlistcontentfooterpagelist .pagingnextdisabled { background-image: url("/Content/Images/paging_next_disabled.png"); } .dialogheading { color: White; background-color: #A3A7B3; width: 100%; font-weight: bold; padding: 7px; } /* Expanding text areas */ .expandingArea { position: relative; border: 1px solid #acadb1; background: white; } .expandingArea textarea, .expandingArea pre { margin: 0; padding: 0; outline: 0; border: 0; } .expandingArea > textarea, .expandingArea > pre { padding: 2px; background: transparent; font: 400 13px/16px helvetica, arial, sans-serif; /* Make the text soft-wrap */ white-space: pre-wrap; word-wrap: break-word; } .expandingArea > textarea { /* The border-box box model is used to allow * padding whilst still keeping the overall width * at exactly that of the containing element. */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; /* This height is used when JS is disabled */ height: 100px; /*border-color: #999 #D9D9D9 #D9D9D9 #999;*/ } .expandingArea.active > textarea { /* Hide any scrollbars */ overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; /* Remove WebKit user-resize widget */ resize: none; } .expandingArea > pre { display: none; } .expandingArea.active > pre { display: block; /* Hide the text; just using it for sizing */ visibility: hidden; }