body{font-family: "Lato","Arial",sans-serif; background-color: #003d51;} h1, h2, h3, h4, h5, h6 {color: #003d51; font-weight: normal; line-height: 1em; font-family: "Cinzel"} p.db-query, pre.xdebug-var-dump, .editpage pre.xdebug-var-dump {color:#000; background-color:#F2EFEF !important; text-align:left !important; padding-left:5px !important; border:1px dashed red;} .clearfix:before, .clearfix:after { content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} .clear {clear:both;} p.warning {width: 100%; padding: 2% 0; font-weight: normal; text-align: center; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} p.fail {background-color:#A00; border-top: 2px solid #900; color: #FFF;} p.success {background-color: #0A0; border:2px solid #090; color: #FFF;} p.warning a{color: #FFF;} p.small {font-size: 1em !important; height: 15px; margin-bottom: -12px !important; margin-top: 9px !important; margin-left:18px !important; padding: 3px !important; width: 500px !important;} a{color: #c61932;} #pagetemplatechooser {margin-top:20px;} #pagetemplatechooser li {border:3px solid #eaeaea; padding:5px; text-align:center; font-size: 0.8rem; padding-top:10px; list-style:none; color:#666; width:200px; min-height:200px; position: relative; float:left; margin-right:5px; cursor:pointer;} #pagetemplatechooser li img {width: 200px; position: absolute; left:5px; bottom:5px;} #pagetemplatechooser li.segmentselect span {display:block; height:60px} /* Standard Forms */ form {margin-bottom: 0; text-align: left; color: #414141; font-size: 0.8rem} fieldset {margin-bottom: 0; width: 100%;} /* Firefox fix for pages being too wide, particularly if there is a large image */ @-moz-document url-prefix() { fieldset {display: table-column;} } legend {visibility: hidden;} label, legend {display: block; font-weight: normal; font-size: 1.1em; text-align:left;} label {height: auto; position: absolute; line-height: 1.4em;} label.inputlabel{margin-top: 7px;} label span, legend span { font-weight: normal; font-size: 1em; color: #444;} label.emailformcovert, input.emailformcovert {display:none;} label a:hover{text-decoration: underline !important;} input[type="text"], input[type="password"], input[type="checkbox"], input[type="email"], input[type="file"], textarea, select {border: 1px solid #C5C5C5; box-shadow: inset 0px 3px 10px -2px #DDD; padding: 10px; border-radius: 5px; color: #000; margin: 0 0 15px 200px; height: auto; width: 56%; max-width: 100%; display: block; background-color: #FAFAFA; } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #68AEE2; background-color: #FFF; box-shadow: inset 0px 3px 10px -2px #C5C5C5;} input[type="checkbox"]{box-shadow: none; width: 40px;} select {padding: 10px 20px 10px 5px; width: 56%; /*height: 37px;*/ vertical-align: middle; overflow: hidden; background: #FAFAFA url("../images/select_arrow.png") center right no-repeat; -webkit-appearance: none; text-indent: 0.01px; text-overflow: '';} select::-ms-expand {display: none;} /* Hide select arrows for IE10 */ select.multiple {background-image:none; height: 25em; overflow: auto;} select.singlemultiple {background-image:none; height: auto !important;; overflow: auto;} select option {text-indent: 10px;} textarea {min-height: 295px; max-height: 295px; resize: none; width: 56%;} textarea.short {min-height:150px; max-height: 150px;} .error{border: 1px solid red !important;} label.error{border: none !important; color: red;} .button, button, input[type="submit"], input[type="reset"] {min-width: 120px; background: #EEE; /* Old browsers */ background: #EEE -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #EEE -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #EEE -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #EEE -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #EEE -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #AAA; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-radius: 3px; color: #444; display: inline-block; font-size: 0.9em; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px; float: left;} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover {color: #222; background: #DDD; /* Old browsers */ background: #DDD -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #DDD -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #DDD -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #DDD -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #DDD -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #DDDS linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* WS3C */ border: 1px solid #888; border-top: 1px solid #AAA; border-left: 1px solid #AAA; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active {border: 1px solid #666; background: #CCC; /* Old browsers */ background: #CCC -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #CCC -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #CCC -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #CCC -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #CCC -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #CCC linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } img.formimage{margin: 0 200px 14px 200px; max-width: 60%;} input.nofloatbutton{float: none; margin-right: 5px;} select.dateday{width: 20%; max-width: 60px; margin-left: 0;} select.datemonth{width: 38%; max-width: 100px; margin-left: 10px;} select.dateyear{width: 20%; max-width: 70px; margin-left: 10px;} select.timeday{width: 13%; margin-left: 0;} select.timemonth{width: 28%; margin-left: 10px;} select.timeyear{width: 19%; margin-left: 10px;} select.timehour{width: 14%; margin-left: 10px;} select.timeminute{width: 14%; margin-left: 10px;} div.checkboxdiv input {width: 40px !important;} p.label{display: inline-block; margin-right: 66px;} p.input{display: inline-block;} p.multicheckboxheader{/*position: absolute; margin: 0;*/} span.drag{display: block; margin: 10px 0;} small.multi_tip{display: none;} form.tableeditform input[type="text"]{margin: 0;} form.tableeditform input[type="submit"]{margin: 20px 0 0 0;} /* LIVE STYLES */ /* New Colours Sapphire - Blue #003d51 Parchment - cream #f1ebdd Seal - Red #c61932 Peach - #f4cfb3 Stone - #d5d0ca Emerald - #04584e Ruby - #6d2b3c */ /* Main Structural components */ .manage-header-container{background-color: #234052;} .manage-header-container .logo{cursor: pointer;} .manage-header-container .loggedinas{position: absolute; top: 10px; right: 1%;} .manage-header-container .loggedinas p{color: #fff; font-size: 0.8rem; margin: 0;} /* Menu container - Menu Level 1 */ .manage-menu-container{position: relative; background-color: #d5d0ca;} .manage-menu-container ul#mainmenu{padding: 0; margin: 0; height: 40px; width: 100%; text-align: left;} .manage-menu-container ul#mainmenu li{width: auto; line-height: 1.8rem; font-size: 0.8rem; display: inline-block; padding: 6px 0 5px 15px; margin: 0; position: relative;} .manage-menu-container ul#mainmenu li a{display: inline-block; line-height: 1rem; border-right: 1px solid #fff; padding: 0 16px 0 0; margin: 0; color: #003d51; text-decoration: none; letter-spacing: 0.8px} .manage-menu-container ul#mainmenu li:hover{background-color: #f1ebdd;} .manage-menu-container ul#mainmenu li a:hover{background-color: #f1ebdd;} .manage-menu-container ul#mainmenu li span{font-size: 1rem} .manage-menu-container ul#mainmenu li.lastitem a{border: none;} .manage-menu-container ul#mainmenu li.firstitem {padding-left: 0;} .manage-menu-container ul#mainmenu li.selected {background-color: #f1ebdd; margin-left: -1px;} .manage-menu-container ul#mainmenu li:first-child.selected {background-color: #f1ebdd; margin-left: 0; padding-left: 10px} .manage-menu-container ul#mainmenu li:first-child.selected a {padding-right: 10px} .manage-menu-container ul#mainmenu li .submenuindicator{display: none;} /* Menu container - Menu Level 2 */ .manage-menu-container ul#mainmenu li ul{display: none; position: absolute; left:0; margin: 0; margin-top:-10px; padding: 10px 0 0 0; z-index: 2002} .manage-menu-container ul#mainmenu li.hover li a{background: none;} .manage-menu-container ul#mainmenu li ul li{background-color: #003d51; display: block; width: 200px; margin: 0; padding: 0 0 0 10px; z-index: 1002; border-bottom: 1px solid #fff} .manage-menu-container ul#mainmenu li ul li:first-child{margin-left: 0;} .manage-menu-container ul#mainmenu li ul li a{color:#fff; display: block; margin: 0; padding: 10px 5px; border: none;} .manage-menu-container ul#mainmenu li ul li:hover {background-color: #f1ebdd;} .manage-menu-container ul#mainmenu li ul li a:hover {color:#003d51 !important; background-color: #f1ebdd;} .manage-menu-container ul#mainmenu li.selected ul li:hover {background-color: #f1ebdd;} .manage-menu-container ul#mainmenu li.selected ul li a:hover {background-color:none; border-color:transparent;} .manage-menu-container ul#mainmenu li.selected ul li a { color: #fff; background:transparent;} .manage-menu-container ul#mainmenu li.selected ul li.selected {background-color: #f1ebdd; margin-left: 0} .manage-menu-container ul#mainmenu li.selected ul li.selected a {color: #003d51; border:none;} .manage-menu-container ul#mainmenu li:hover ul{display: block;} .manage-menu-container ul#mainmenu li ul li:last-child a {border-bottom:none} /* Menu container - Menu Level 3 */ .manage-menu-container ul#mainmenu li ul li ul{display: none !important;} /* Main Container */ .manage-main-container{background-color: #fff; padding-bottom: 100px; min-height: 400px;} .manage-main-container h1{font-size: 2em; margin: 15px 0 20px 0;} .manage-main-container h1 a{color: #346BB4;} .manage-main-container ul{padding: 0 0 0 16px;} .manage-main-container p.warning{border: none !important; padding: 10px 0.5%; width: 98%; border-radius: 5px; font-size: 1rem;} .manage-main-container #breadcrumb{font-size: 0.8rem;} /* Paging */ .manage-main-container ul.paging{margin: 25px 0; padding: 5px 0; border: 1px solid #346BB4; border-width: 1px 0;} .manage-main-container ul.paging li{list-style-type: none; display: inline; padding: 0 10px 0 0 ;} .manage-main-container ul.paging li a{color: #346BB4; text-decoration: none;} .manage-main-container ul.paging li a.selected{text-decoration: underline; font-size: 1.2rem;} /* Login Page */ .loginpage .wrapper{width: 960px; margin: 0 auto;} .loginpage .manage-header-container{text-align: center;} .loginpage .manage-header-container .logo{margin-left: 0 ;} .login-form{padding: 50px 100px;} .login-form label{font-size: 1.2rem; position: relative; height: auto; font-weight: 100; display: block;} .login-form input{padding: 10px 5px;font-size: 1.2rem; font-weight: 100; margin: 0; width: 96%; display: block; margin-bottom: 20px;} .login-form input.button{padding: 10px 40px; float: none; display: block; width: auto;} #forgottenlink{padding-left: 80px;} #forgottenlink a{color: #FFF; text-decoration: none; margin: 10px 20px; line-height: 1.2em; background-color: #003d51; border-radius: 0 15px 15px 0; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px; width: 205px; display: block; background: -webkit-linear-gradient(#003d51, #003d51); /* For Safari */ background: -o-linear-gradient(#003d51, #003d51); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#003d51, #003d51); /* For Firefox 3.6 to 15 */ background: linear-gradient(#003d51, #003d51); /* Standard syntax */} #forgottenlink a:hover{background-color: #003d51; background: -webkit-linear-gradient(#003d51, #003d51); /* For Safari */ background: -o-linear-gradient(#003d51, #003d51); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#003d51, #003d51); /* For Firefox 3.6 to 15 */ background: linear-gradient(#003d51, #003d51); /* Standard syntax */} /* Dashboard Items */ .dashboard-item{text-align: center; border-bottom: 1px solid #04584e; margin-bottom: 10px;} .dashboard-item a.link-icon{background-color: #04584e; display: block; text-align: center; vertical-align: middle; padding: 40px 0 50px 0; width: 100%; color: #fff; text-decoration: none; font-size: 5rem} .dashboard-item a.link-icon:hover{opacity: 0.6} .dashboard-item a.link-text{display: block; text-decoration: none; font-size: 0.8rem; padding: 10px 0; color: #04584e} .dashboard-item a.link-text:hover{text-decoration: underline;} /* SMILE image */ .dashboard-item-smile img{max-width: 100%} #SubCategoryHolder{display: none;} /* Repository - Document Categories */ .repository-document-categories-container ul{padding: 0; margin: 0; list-style: none;} .repository-document-categories-container ul li{padding: 0; margin: 0; width: 20%; display: inline-block; text-align: center;} .repository-document-categories-container div{text-align: center; border-bottom: 1px solid #04584e; margin-bottom: 10px;} .repository-document-categories-container a.link-icon{background-color: #04584e; display: block; text-align: center; vertical-align: middle; padding: 30px 0 40px 0; width: 100%; color: #fff; text-decoration: none; font-size: 5rem} .repository-document-categories-container a.link-icon:hover{opacity: 0.6} .repository-document-categories-container a.link-text{display: block; min-height: 32px; text-decoration: none; font-size: 0.8rem; padding: 10px 0; color: #04584e} .repository-document-categories-container a.link-text:hover{text-decoration: underline;} /* Repository - Document Categories */ .repository-document-container {margin-bottom: 50px;} .repository-document-container ul{padding: 0; margin: 0; list-style: none;} .repository-document-container ul li{padding: 0; margin: 0; width: 20%; display: inline-block; text-align: center;} .repository-document-container div{text-align: center; border-bottom: 1px solid #0064AA; margin-bottom: 10px;} .repository-document-container .link-icon{background-color: #0064AA; display: block; text-align: center; vertical-align: middle; padding: 30px 0 40px 0; width: 100%; color: #fff; text-decoration: none; font-size: 5rem} .repository-document-container .link-icon:hover{opacity: 0.6} .repository-document-container .link-text{display: block; min-height: 32px; text-decoration: none; font-size: 0.8rem; padding: 10px 0; color: #0064AA} .repository-document-container a.link-text:hover{text-decoration: underline;} .repository-document-container video{min-height: 173px} /* Main Table Styles */ .manage-main-container table{margin-top: 10px; width: 100%; font-size: 0.8rem} .manage-main-container table thead tr th {background-color: #398DCB; color: white; text-align: left; font-weight: normal;} .manage-main-container table thead tr th { background: #325468; background: -moz-linear-gradient(top, #325468 0%, #003d51 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#325468), color-stop(100%,#003d51)); background: -webkit-linear-gradient(top, #325468 0%,#003d51 100%); background: -o-linear-gradient(top, #325468 0%,#003d51 100%); background: -ms-linear-gradient(top, #325468 0%,#003d51 100%); background: linear-gradient(to bottom, #325468 0%,#003d51 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325468', endColorstr='#003d51',GradientType=0 );} .manage-main-container table thead tr th a{color: #FFF;} .manage-main-container table td, .manage-main-container table th{padding: 10px; background-color: #dbdee4; border-top: 1px solid white; vertical-align: top; color:#144B94;} .manage-main-container table tbody tr td a{color: #144B94;} .manage-main-container table tbody tr:hover td{background-color: #003d51; color: white;} .manage-main-container table tbody tr:hover td a{color: #FFF;} .manage-main-container table tbody tr td img{max-width: 100%;} .manage-main-container table tbody tr td textarea{width: 90%; padding: 5%; margin: 0; height: 92px; min-height: 0; max-height: none;} .manage-main-container table tfoot tr td {background-color: #398DCB; color: white; text-align: left; border-top: 1px solid #589BCE; font-weight: normal;} .manage-main-container table tfoot tr td {border-color: #fff; background: #325468; background: -moz-linear-gradient(top, #325468 0%, #003d51 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#325468), color-stop(100%,#003d51)); background: -webkit-linear-gradient(top, #325468 0%,#003d51 100%); background: -o-linear-gradient(top, #325468 0%,#003d51 100%); background: -ms-linear-gradient(top, #325468 0%,#003d51 100%); background: linear-gradient(to bottom, #325468 0%,#003d51 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325468', endColorstr='#003d51',GradientType=0 );} .manage-main-container table tfoot tr td a{color: #FFF;} .manage-main-container form.tablewrapper table {margin-bottom: 10px;} .manage-main-container form.tablewrapper input, .manage-main-container form.tablewrapper select{margin: 0; width: auto; height: auto; padding: 4px 2px;} .manage-main-container form.tablewrapper select{width: 84px;} .manage-main-container form.tablewrapper input[type=submit] {font-weight: normal; position: absolute; right: 0; color: #FFF; line-height: 1.2em; background-color: #BADC2F; border-radius: 0; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px; width: 167px; font-size: 1em; background: -webkit-linear-gradient(#BADC2F, #8FA812); /* For Safari */ background: -o-linear-gradient(#BADC2F, #8FA812); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#BADC2F, #8FA812); /* For Firefox 3.6 to 15 */ background: linear-gradient(#BADC2F, #8FA812); /* Standard syntax */} .manage-main-container form.tablewrapper input.short{width: 50px;} /* Information paragrah */ p.info{padding: 20px 10px; background-color: #f9f9f9; border-bottom: 1px dashed #ddd} /* Button Bar */ .button-bar{text-align: right; margin-bottom: 10px;} .button-bar p{padding: 0; margin: 0 0 0 10px; font-size: 0.8rem; display: inline-block;} .button-bar p a {background: rgba(0, 0, 0, 0) linear-gradient(#818181, #161616) repeat scroll 0 0; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); color: #fff; line-height: 1.2em; margin: 0; padding: 7px 10px; text-decoration: none; display: inline-block;} .button-bar p.removelink a {background: rgba(0, 0, 0, 0) linear-gradient(#ff0000, #9b0404) repeat scroll 0 0; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); color: #fff; line-height: 1.2em; margin: 0; padding: 7px 10px; text-decoration: none; display: inline-block;} .button-bar p a span{margin-right: 5px;} .fixed-button-holder .button-bar p{margin: 10px 10px 0 0;} .fixed-button-holder .button-bar p a{padding: 6px 10px} .fixed-button-holder .button-bar p.removelink{margin-right: 30px} /* Tab Menu */ #tabmenu{margin: 0 0 5px 0; height: 30px; padding: 0 20px 0 0; line-height: 2em; border-bottom: 1px solid #ddd} #tabmenu li{font-size: 0.9rem; float: left; width: auto; height: 23px; color: #346BB4; list-style-type: none; margin: 3px 2px 0 0;} #tabmenu li a{background-color: #F0F0F0; float: left; text-decoration: none; text-align: center; height: 20px; min-width: 50px; color: #346bb4; padding: 0 15px 6px 15px; margin: 0;} #tabmenu li.selected a, #tabmenu li a:hover, #tabmenu li a:active{background-color: #FFF;} /* Footer */ .manage-footer-container{min-height: 100px;} /*********************************/ .manage-secondary-container{display: none} /*#mainmenu {margin: 24px 0 0 0; padding:0 !important; width: 150px;} #mainmenu li {border-bottom:1px solid #68aee2; margin:0; width:149px; background:#346bb4; padding-top:0px; font-size: 1.1em;} #mainmenu li a {padding-right:0 !important;} #mainmenu>li.selected {background: #68aee2; width: 150px;} #mainmenu>li.selected a {background: #68aee2;} #mainmenu>li.selected ul li {background: #385c8c !important; width: 125px;} #mainmenu>li.selected ul li a {background: #385c8c !important;} #mainmenu li ul li.selected {background: #385c8c !important;} #mainmenu li ul li.selected a {background: #385c8c !important;} #mainmenu li ul {display:none;} #mainmenu li:hover ul, #mainmenu li.hover ul, #mainmenu li.selected ul {display:block;} #mainmenu li ul li {border-bottom:1px dashed #608bba; background: #385c8c;} #mainmenu li ul li:last-child {border-bottom:none} #mainmenu>li:hover {background: #68aee2; width: 150px;} #mainmenu>li:hover a {background: #68aee2} #mainmenu>li:hover ul li {background: #385c8c; width: 126px;} #mainmenu>li:hover ul li a {background: #385c8c} #mainmenu>li ul li:hover {background: #385c8c !important; width: 126px;} #mainmenu>li ul li:hover a {background: #385c8c !important} #mainmenu li a {display:block; padding:10px 5px;} #mainmenu li ul {margin:0 0 0 0; padding-right: 10px; position:relative !important; border-top:1px solid #385c8c; border-bottom:none !important;} #mainmenu li ul li {padding-left:25px; font-size: 0.85em; width: 125px;} #mainmenu li span.picicon {font-size:1.3em; margin-left:4px; margin-right:7px; text-transform: none} #mainmenu li ul li span.picicon {font-size:1em} #mainmenu li span.submenuindicator {position:absolute; right:0; margin-top:10px; font-size:0.8rem; color:rgba(255,255,255,0.9); cursor:pointer; -ms-transform: rotate(90deg); webkit-transform: rotate(90deg); transform: rotate(90deg);} */ /*.manage-header-container ul li.logoutlink {padding:0; } */ .manage-header-container .helptextperpage{display:none; position: absolute; top: -10px; left: 0; height: 100%; margin: 10px 0; line-height: 1.2em; color: #FFFFFF; padding: 0; background-color: #525252;} .manage-header-container .helptextperpage h2{color: #8ECFFF; font-size: 1.8em; padding: 20px 10px 10px 10px; margin: 0 !important;} .manage-header-container .helptextperpage p{padding: 10px 10px 25px 10px; background: none; margin: 0; border: none; border-radius: 0; box-shadow: none; width: auto;} .manage-secondary-container{background-color: #68aee2; } .manage-secondary-container .wrapper{width: auto;} .manage-secondary-container .loggedinas{font-size: 0.8em; color: white; padding: 0 20px;} .manage-secondary-container .loggedinas p{color: white !important; line-height: 1.3em;} .be-enabled .manage-secondary-container .loggedinas{top: -37px;} .manage-secondary-container p:nth-child(2){margin-top: 23px;} .manage-secondary-container p.dynamiclink {position:relative; z-index:100000;} .manage-secondary-container p a{color: #FFF; text-decoration: none; margin: 10px 20px; line-height: 1.2em; background-color: #8fa812; border-radius: 0 15px 15px 0; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px; width: 167px; display: block; background: -webkit-linear-gradient(#badc2f, #8fa812); /* For Safari */ background: -o-linear-gradient(#badc2f, #8fa812); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#badc2f, #8fa812); /* For Firefox 3.6 to 15 */ background: linear-gradient(#badc2f, #8fa812); /* Standard syntax */} .manage-secondary-container p a:hover{background-color: #8fa812; background: -webkit-linear-gradient(#8fa812, #badc2f); /* For Safari */ background: -o-linear-gradient(#8fa812, #badc2f); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#8fa812, #badc2f); /* For Firefox 3.6 to 15 */ background: linear-gradient(#8fa812, #badc2f); /* Standard syntax */} .manage-secondary-container p.viewlink a{margin-top: 70px; background: -webkit-linear-gradient(#0085FF, #0073DD); /* For Safari */ background: -o-linear-gradient(#0085FF, #0073DD); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#0085FF, #0073DD); /* For Firefox 3.6 to 15 */ background: linear-gradient(#0085FF, #0073DD); /* Standard syntax */} .manage-secondary-container p.viewlink a:hover{background-color: #006ED3; background: -webkit-linear-gradient(#007FF3, #006ED3); /* For Safari */ background: -o-linear-gradient(#007FF3, #006ED3); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#007FF3, #006ED3); /* For Firefox 3.6 to 15 */ background: linear-gradient(#007FF3, #006ED3); /* Standard syntax */} .manage-secondary-container p.cancellink a{margin-top: 70px; background: -webkit-linear-gradient(#F00, #D00); /* For Safari */ background: -o-linear-gradient(#F00, #D00); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F00, #D00); /* For Firefox 3.6 to 15 */ background: linear-gradient(#F00, #D00); /* Standard syntax */} .manage-secondary-container p.cancellink a:hover{background-color: #E64646; background: -webkit-linear-gradient(#F30000, #E64646); /* For Safari */ background: -o-linear-gradient(#F30000, #E64646); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F30000, #E64646); /* For Firefox 3.6 to 15 */ background: linear-gradient(#F30000, #E64646); /* Standard syntax */} .manage-secondary-container form{width: 160px; margin: 40px 20px 0 20px;} .manage-secondary-container form legend{visibility: visible; color: white; border-bottom: 1px solid white; width: 100%; margin-bottom: 10px; padding-bottom:5px;} .manage-secondary-container form legend .picicon {color:#fff; font-size:1.2em;} .manage-secondary-container form label{color: #FFF; position: relative;} .manage-secondary-container form input[type=text], .searchpage .manage-secondary-container form select{padding: 5px; width: 160px; max-width: 160px; margin: 0 0 10px 0;} .manage-secondary-container form input[type=text]{width: 148px;} .searchpage .manage-secondary-container form select{margin-right: 3px;} .manage-secondary-container form input[type=submit]{font-weight: normal; padding: 5px; background-color: #FF0000; text-shadow: none; color: #FFF; width: 100px; margin: 0; border: none;} .manage-secondary-container form input.searchbutton{padding: 5px 15px; background-color: #EEE; color: #444; width: auto; border: 1px solid #AAA; font-size: 1.1em; border-top: 1px solid #CCC; border-left: 1px solid #CCC;} .manage-secondary-container form select{margin-left: 0; width: 100%;} .manage-secondary-container form select.dateday{width: 38px; float: left;} .manage-secondary-container form select.datemonth{width: 60px; float: left;} .manage-secondary-container form select.dateyear{width: 52px; float: left; margin-left: 0;} .manage-secondary-container form input.datepickercl{width: 124px;} .manage-secondary-container form .date-container {display: inline-block; margin-right: 0; top: 0; position: relative; margin-left: 0 !important} .manage-secondary-container form .date-container input{width: 120px;} .manage-secondary-container form .datepickerimagediv{left: -3px; margin-top: -5px; right: auto;} .manage-secondary-container form .clear-search-link{color: #fff; font-size: 0.9rem; margin: 10px 0 15px 0; display: block;} /* Search Page Tables should be 100% wide by default */ /*.searchpage .manage-main-container table{width: 100%;}*/ /* Help Text Per Page Button */ .manage-main-container a.helptextperpagebutton{display: none !important; font-size: 1.8em; color: #346BB4; text-decoration: none; display: block; padding: 10px; margin: 20px 0 0 10px; position: absolute; right: 20px; top:7px; } body.be-enabled .manage-main-container a.helptextperpagebutton{top: -15px !important;} .manage-main-container a.helptextperpagebutton:hover {color: #346BB4; } /* Checkbox editing */ .manage-main-container form #accessdv .checkboxdiv{height: 30px; float: left; width: 45%; margin-right: 1%;} .manage-main-container form #accessdv .checkboxdiv input{margin-left: 0px !important;} /* Product Variant Edit Table */ .manage-main-container form table#variantslist tbody tr#hiddenclonedrow {display:none;} .manage-main-container form #currentvariants {width:70%;} .manage-main-container form #currentvariants table#variantslist {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #currentvariants table#variantslist tr td input {margin-left:10px;} .manage-main-container form #currentvariants table#variantslist tr td select {margin-left:10px; width: 100px;} /* Customer Edit */ .manage-main-container form #reviewsdv {width:70%;} .manage-main-container form #reviewsdv table {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #reviewsdv table tr td input {margin-left:10px;} .manage-main-container form #wishlistdv {width:70%;} .manage-main-container form #wishlistdv table {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #wishlistdv table tr td input {margin-left:10px;} .manage-main-container form #ordersdv {width:70%;} .manage-main-container form #ordersdv table {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #ordersdv table tr td input {margin-left:10px;} /* Table Col Groups */ table #crop1{width: 14%;} table #crop2{width: 20%;} table #crop3{width: 48%;} table #crop4{width: 18%;} /* General bits */ .placeholderimg{display: inline-block; margin: 9px 0 0 20px;} .placeholderimg .tooltipmarker{cursor: pointer; font-size: 0.85em;} .placeholderimg .tooltipmarker:hover{text-decoration: underline;} .tooltip {color: #FFF; width: 30%; min-width: 200px; z-index: 13000; background-color: #D00; border-radius: 5px;} .tooltip .tip-title {font-weight: bold; font-size: 1.2em; margin: 0; color: #FFF; padding: 10px 10px 4px;} .tooltip .tip-text {font-size: 0.9em; padding: 4px 10px 10px; line-height: 1.4em;} .help-para{font-size: 0.95em; line-height: 1.5em;} #bedialogbox{display: none;} .previewlink {position:absolute; margin: 2px 30px 0 0;} .previewlink {right:40px;} .previewlink p {margin:0; padding:0;} .previewlink p a {color: #FFF; text-decoration:none; line-height: 2em; font-size: 0.9rem;} .previewlink p a .picicon {font-size:1.2em;} p.querycount{position: absolute; top: 0; right: 0; margin: 0; padding: 5px; background-color: #A00; color: white; font-size: 1em; line-height: 1.2em; display: none} /* Edit Page Specifics */ body.fixed-width{padding-left: 170px;} .editpage{position: relative;} .editpage .main-container{margin-top: 15px;} .editpage .main-container.fixed-width{margin: 15px 0; background-color: #FFF;} .editpage .main-container.fixed-width .wrapper {margin: 20px 0;} /*.editpage ul#tabmenu{margin: 0 0 5px -20px; width: 99%; border-radius: 0 5px 5px 0; background-color: #68aee2; height: 30px; padding: 0 20px 0 10px; line-height: 2em;} .editpage ul#tabmenu li{font-size: 0.9rem; float: left; width: auto; height: 23px; color: #346BB4; list-style-type: none; margin: 3px 2px 0 0;} .editpage ul#tabmenu li a{background-color: #F0F0F0; border-bottom: 1px solid #AAA; outline:none; border-radius: 5px 5px 0 0; float: left; text-decoration: none; text-align: center; height: 20px; min-width: 50px; color: #346bb4; padding: 0 15px 6px 15px; margin: 0; font-size: 1em;} .editpage ul#tabmenu li.selected a{border-bottom-color: #FFF; cursor: pointer;} .editpage ul#tabmenu li.selected a, .editpage ul#tabmenu li a:hover, .editpage ul#tabmenu li a:active{background-color: #FFF;} */.editpage textarea.blueedit{display: none;} .editpage form.editform div.tab{/*margin-left: 75px;*/} .editpage form.editform div.tab#details{margin-left: 0;} .editpage form.editform .date-container{margin-left: 200px !important; width: 46.5%; top: -4px; position: relative; display: inline-block;} .editpage form.editform .date-container input{display: block; margin: 0 0 5px 0; width: 75px;} .editpage form.editform .date-container select{display: inline-block;} .editpage #paymentsdv form.editform .datepickerimagediv{right: 17%;} .editpage #informationdv form.appcontrolform .date-container{width: 60%; display: inline-block;} .editpage #informationdv form.appcontrolform .datepickerimagediv{right: 21%; top: 4px;} .editpage form.editform .time-container{margin-left: 200px; width: 46.5%; top: -4px; position: relative; display: inline-block;} .editpage form.editform p{font-size: 1.1em;} .editpage form.editform p.heading{border-bottom: 1px solid #AAAAAA; padding-bottom: 5px; font-size: 1.5em; margin: 0 19px 30px 0; display: block;} .editpage form.editform p.label{position: absolute; display: block; margin-top: 0;} .editpage form.editform p.input{padding: 0 10px 10px 0; margin: 0 0 15px 200px; width: 46%;} .editpage form.editform .radio-container {min-height: 65px} .editpage form.editform .radio-container p {/*line-height: 1.4em; font-size: 1.1em; margin: 0 0 5px 0;*/ font-weight: bold; margin: 0 0 10px 0} .editpage form.editform .radio-container .radiodiv {margin-bottom: 10px; display: inline-block;} .editpage form.editform .radio-container .radiodiv input{display: inline-block; margin-right: 10px; position: relative;} .editpage form.editform .radio-container .radiodiv label{display: inline-block; margin-right: 30px; position: relative;} .editpage form.editform .multicheckboxheader {/*line-height: 1.4em; font-size: 1.1em; margin: 0 0 5px 0;*/ font-weight: bold; margin: 0 0 10px 0} .editpage form.editform .alert-preferences {min-height: 65px} .editpage form.editform .alert-preferences p{margin: 0 0 10px 0} .editpage form.editform .alert-preferences .checkboxdiv {margin-bottom: 10px; display: inline-block; min-height: 30px} body.be-enabled form.editform div#seo {background:rgba(255, 255, 255, 0.95); padding:10px;} body.be-enabled form.editform div#information {background:rgba(255, 255, 255, 0.95); padding:10px;} /* Order View Page */ .manage-main-container div.tab {width: 100%;} /*.manage-main-container table tr:nth-child(even) td {background-color: #bcc2cc; border-top: 1px solid white; color:#144B94;}*/ .manage-main-container table tr.headingrow td {background-color: #234052; border-top: 1px solid white; color:#fff;} /* BE Image Selectors */ .editpage .beimageselector{height: 80px; margin-left: 180px; position: relative;} .editpage .beimageselector img{position: absolute; left: 20px; top: 0;} .editpage .beimageselector p{line-height: 1.5em; margin-left: 100px !important; clear: none;} .editpage .beimageselector.multiadd{height: 50px;} .editpage .beimageselector.multiadd p{clear: none !important;} .editpage .beimageselector a {color:#000; text-decoration:none;} .editpage .beimageselector a:hover {color:#555;} .editpage .beimageselector .picicon {color:#346BB4} /* Blue Edit Specific Overrides */ .editpage.be-enabled.dynamic-width-override{padding-left: 20px;} .editpage.be-enabled .manage-header-container{z-index: 20001;} .editpage.be-enabled .manage-secondary-container{z-index: 20000} .editpage.be-enabled .manage-secondary-container #beleftcoltab{position: absolute; right: -50px; font-size: 2em; border-radius: 0 5px 5px 0; background-color: #68AEE2; color: white; padding: 20px 10px 20px 20px; cursor: pointer;} .editpage.be-enabled.dynamic-width-override form{margin-right: 20px; } .editpage.be-enabled form{padding-bottom: 122px; margin-top: 19px;} .editpage.be-enabled form.editform legend{display: none;} /* Search Page Specifics */ /*.searchpage{position: relative; padding-right:20px; min-height: 1000px; font-size: 0.8em; } .searchpage .manage-secondary-container{position: absolute;} .searchpage .manage-secondary-container a{text-decoration: none;} .searchpage select.orderdeliveryupdate {width:160px; margin:0; cursor:pointer;} */ .searchpage #fullsearchform .checkboxdiv {width:160px; padding:0; position:relative; margin-bottom:15px; margin-top:10px} .searchpage #fullsearchform .checkboxdiv label {width:100px; margin: 0 0 0 30px; cursor:pointer;} .searchpage #fullsearchform .checkboxdiv input {width: auto !important; margin: 4px 0 0 10px; position:absolute; right:0; top:0} /* To Do List Items */ table#todolistitems textarea, table#todolistitems input{display: none; width: 90%; padding: 5px;} table#todolistitems span{display: block; width: 90%;} table#todolistitems tr:hover textarea, table#todolistitems tr:hover input{display: block;} table#todolistitems tr:hover span{display: none;} table#todolistitems tr td.description{width:50%; max-height: 92px; overflow: hidden; font-size: 0.8em;} table#todolistitems tr td.description span{max-height: 92px; overflow: hidden;} /*****************************************************************************************************************************/ /* Tables used in edit tabs one a blueedit pages class - e.g. blogs */ .main-container table{margin-top: 23px !important; width: 98%;} .main-container table thead tr th {background-color: #398DCB; color: white; text-align: left; border-top: 1px solid #589BCE; font-weight: normal;} .main-container table thead tr th { background: #62add7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} .main-container table thead tr th a{color: #FFF;} .main-container table td, .main-container table th{padding: 10px; background-color: #DCEEFA; border-top: 1px solid white; vertical-align: top; color:#144B94;} .main-container table tbody tr td a{color: #144B94;} .main-container table tbody tr:hover td{background-color: #68AEE2; color: white;} .main-container table tbody tr:hover td a{color: #FFF;} .main-container table tbody tr td img{max-width: 100%;} .main-container table tbody tr td textarea{width: 90%; padding: 5%; margin: 0; height: 92px; min-height: 0; max-height: none;} .main-container form.tablewrapper table {margin-bottom: 10px;} .main-container form.tablewrapper input, .main-container form.tablewrapper select{margin: 0; width: auto; height: auto; padding: 4px 2px;} .main-container form.tablewrapper select{width: 84px;} .main-container form.tablewrapper input[type=submit] {font-weight: normal; position: absolute; right: 0; color: #FFF; line-height: 1.2em; background-color: #BADC2F; border-radius: 0; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px; width: 167px; font-size: 1em; background: -webkit-linear-gradient(#BADC2F, #8FA812); /* For Safari */ background: -o-linear-gradient(#BADC2F, #8FA812); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#BADC2F, #8FA812); /* For Firefox 3.6 to 15 */ background: linear-gradient(#BADC2F, #8FA812); /* Standard syntax */} .main-container form.tablewrapper input.short{width: 50px;} /* Site Specific Tweaks */ .main-container {padding: 0 10px 0 20px;} .main-container div.backgroundimage{height: 20px !important; margin: 0 !important; padding: 0 !important; position: absolute; right: 5px; top: 5px; display: block; z-index: 100;} .main-container div.backgroundimage img{height: 100px; border: 1px solid white; margin-right: 0;} .editpage .main-container .segment-section p{font-size: 1rem} .editpage .main-container .segment-section ul{font-size: 1rem} .editpage .main-container #content{position: relative;} .editables {font-family: "Arial", sans-serif;} .editables h1, .editables h2, .editables h3 {color: #8AC8A4} .editables h1{font-size: 2rem;} .editables h2 {font-size: 1.8rem;} .editables h3 {font-size: 1.5rem;} /* Search Forms */ .search-form{margin: 0 1% 30px 1%; background-color: #F3F2F7; border: 1px solid #c5c5c8; padding: 20px 0; position: relative;} .search-form fieldset{margin: 0;} .search-form legend{display: none;} .search-form input[type="text"]{margin: 0 0 5px 0; border-radius: 5px; font-size: 0.8rem; width: 96% !important;} .search-form select{height: 39px; margin: 0 0 5px 0; border-radius: 5px; width: 96% !important;} .search-form div.date-container{margin: 0 !important} .search-form div.checkboxdiv{min-height: 20px; font-size: 0.8rem;} .search-form .c12{position: relative;} .search-form .c12 .clear-search-link{bottom: 9px; color: #aaa; font-size: 0.8rem; position: absolute; right: 150px;} .search-form input[type="submit"]{float: right; margin-bottom: 0; margin-top: 10px} /* This is for the purpose of a demo and screen shot, when go ahead tidy it up */ .edit-tabs{position: relative;} .edit-tabs label{position: relative;} .edit-tabs input[type="text"], .edit-tabs input[type="password"], .edit-tabs input[type="checkbox"], .edit-tabs input[type="email"], .edit-tabs input[type="file"], .edit-tabs textarea, .edit-tabs select {margin-left: 0; padding: 5px; width: 90%} .edit-tabs input[type="date"] {background: url(../images/calendar.svg) 96% / 15% no-repeat #FFF; background-size: 20px; width: 120px; padding-left: 10px; padding-right: 40px;} .edit-tabs .date-container input[type="text"] {width: 130px} .edit-tabs h3{padding: 0; margin: 0 0 20px 0; font-weight: bold; font-size: 1.3rem} .edit-tabs .record-summary{padding: 10px; border: 1px solid #d6421d; background-color: #fff2ea; margin-bottom: 20px; border-radius: 5px;} .edit-tabs .record-summary h4{padding: 0; margin: 0 0 10px 0; font-weight: bold;} .edit-tabs .record-summary table td{padding: 10px 0; background-color: transparent; color: #000;} .edit-tabs .record-summary table tr:nth-child(even) td{background-color: transparent; color: #000;} .edit-tabs .record-summary table tbody tr:hover td{background-color: transparent; color: #000;} .edit-tabs .record-summary table td span{padding: 0 10px;} .edit-tabs .record-summary table #col1{width: 120px} .checkboxdiv {min-height: 40px; position: relative;} .checkboxdiv label{margin-left: 30px;} .checkboxdiv input[type="checkbox"]{position: absolute; left: 0; top: 2px; padding: 0 !important; width: 25px !important; } .edit-tabs p.subscribedates{margin: 0; line-height: 1.5rem} .edit-tabs p.subscribedates strong{display: inline-block; width: 120px;} .edit-tabs .c4{margin-left: 0%} .edit-tabs .c7{margin-left: 0%} .edit-tabs .c12{margin-left: 0%} /* Edit Pages - Form element lengths */ .editform .height-200{height: 200px; min-height: 200px; max-height: 200px;} .field-10{width: 10% !important} .field-20{width: 20% !important} .field-25{width: 25% !important} .field-30{width: 30% !important} .field-40{width: 40% !important} .field-50{width: 50% !important} .field-65{width: 65% !important} .field-85{width: 85% !important} .fields-inline div{display: inline-block; margin-right: 5px} .margin-top-table{margin-top: 25px !important;} .subcheckbox{margin-left: 30px} #DayEntitlementYear{display: none;} #MonthEntitlementYear{display: none;} #YearEntitlementYear{margin-left: 0 !important} .hr{border-top: 1px dotted #418FCC; margin: 30px 0 0 0; padding: 10px 0 0 0;} .picicon-cell{min-width: 50px} .picicon-cell a{text-decoration: none; margin-right: 8px;} .picicon-cell a span.picicon {font-size: 1rem;} /* Aprove or decline links in table */ .actionlinks{min-width: 100px} .approvelink{color: green !important} .declinelink{color: red !important} /* Button links to adjust the status of a holiday request */ .holiday-links{padding: 0; margin: 50px 0 0 0; list-style: none; text-align: center;} .holiday-links li{display: inline-block; margin: 0 15px;} .holiday-links li a{display: inline-block; text-decoration: none; padding: 10px 0; width: 120px; border-radius: 5px;} .holiday-links li a:hover{opacity: 0.7} .holiday-links li .holidayactive{background-color: green !important; color: #fff !important;} .holiday-links li .holidaypending{background-color: yellow !important; color: #000 !important;} .holiday-links li .holidaycancel{background-color: red !important; color: #fff !important;} /* Add link styling */ .add-linkXXX{position: absolute; top: -40px; right: 0; text-transform: uppercase; font-size: 0.7rem; float:right;} .add-linkXXX a{color: #FFF; padding: 8px 15px; text-decoration: none; margin: 0; line-height: 1.2em; border-radius: 3px; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); background-color: #818181; background: -webkit-linear-gradient(#818181, #161616); /* For Safari */ background: -o-linear-gradient(#818181, #161616); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#818181, #161616); /* For Firefox 3.6 to 15 */ background: linear-gradient(#818181, #161616); /* Standard syntax */} .add-linkXXX a:hover{background-color: #161616; background: -webkit-linear-gradient(#161616, #818181); /* For Safari */ background: -o-linear-gradient(#161616, #818181); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#161616, #818181); /* For Firefox 3.6 to 15 */ background: linear-gradient(#161616, #818181); /* Standard syntax */} .fixed-button-holder input.button { float: right;} .fixed-button-holder {background-color: #ddd; border-top: 1px dashed #aeaeae; bottom: 0; height: 50px; left: 0; padding: 0 1%; position: fixed; width: 98%; z-index: 1000;} .absolute-button-holder {bottom: 10px; height: 40px; left: 0; position: absolute; width: 100%; text-align: right;} .absolute-button-holder .button{float: right; margin-right: 10px !important;} .fixed-button-holder .button, .absolute-button-holder .button{ margin: 10px 0 0 0; font-size: 0.8rem; font-weight: normal; background: #55991D; /* Old browsers */ background: #55991D -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #55991D -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #55991D -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #55991D -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #55991D -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #55991D linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: none; color: #fff; text-shadow: 0 0px rgba(0, 0, 0, .75);} .fixed-button-holder .button:hover, .absolute-button-holder .button:hover{ background: #55B203; /* Old browsers */ background: #55B203 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #55B203 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #55B203 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #55B203 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #55B203 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #55B203 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: none; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, .75);} /* DataRoom */ .dataroom-properties h3{color: #6d2b3c; padding-bottom: 10px; border-bottom: 1px solid #6d2b3c; display: inline-block; margin: 10px 0 10px 10px !important} .dataroom-properties h4{margin-left: 20px !important} .dataroom-properties ul{padding: 0 0 0 45px;} .hidden{display: none !important;} .report-items{position: relative; padding-bottom: 30px; border: 1px dashed #aeaeae; border-width: 0 0 1px 0; margin-bottom: 10px;} .report-items form{min-height: 100px} .report-items select{margin-left: 0;} /* Reporting Centre Holder */ .reporting-centre{background-color: #fff; display:flex; height: 350px; min-height: 400px;} .reporting-centre__graph{width: 100%} .reporting-centre__stats{padding: 20px; background-color: #f9f9f9; width: 145px;} .reporting-centre__stats p{margin-bottom: 40px !important;} .reporting-centre__stats strong{font-size: 1rem; display: block;}