Something went wrong with that request. Please try again.
.angucomplete-holder {
position: relative;
}
.angucomplete-dropdown {
border-color: #ececec;
border-width: 1px;
border-style: solid;
border-radius: 2px;
width: 250px;
padding: 6px;
cursor: pointer;
z-index: 9999;
position: absolute;
/*top: 32px;
left: 0px;
*/
margin-top: -6px;
background-color: #ffffff;
}
.angucomplete-searching {
color: #acacac;
font-size: 14px;
}
.angucomplete-description {
font-size: 14px;
}
.angucomplete-row {
padding: 5px;
color: #000000;
margin-bottom: 4px;
clear: both;
}
.angucomplete-selected-row {
background-color: lightblue;
color: #ffffff;
}
.angucomplete-image-holder {
padding-top: 2px;
float: left;
margin-right: 10px;
margin-left: 5px;
}
.angucomplete-image {
height: 34px;
width: 34px;
border-radius: 50%;
border-color: #ececec;
border-style: solid;
border-width: 1px;
}
.angucomplete-image-default {
/* Add your own default image here
background-image: url('/assets/default.png');
*/
background-position: center;
background-size: contain;
height: 34px;
width: 34px;
}
.ng-hide{display: none; visibility: hidden !important;}
.pointer, [ng-click], [onaftersave]{ cursor: pointer;}
.inline{ display: inline-block;}
.inline-block{ display: inline-block;}
.center{ text-align: center; }
.vcenter{ vertical-align: middle; }
.table-row{ display: table-row;}
.table-cell{ display: table-cell;}
.centered{
display: table; /* Has to me table */
margin-left: auto;
margin-right: auto;
}
.hidden-help{
display: none;
}
.help-shower:hover + .hidden-help{
display: block;
}
.capitalise, .capitalize{ text-transform: capitalize; }
.underline, .underlined{ text-decoration: underline; }
.alignLeft{ text-align: left; }
.alignCenter{ text-align: center; }
.alignRight{ text-align: right; }
.valignTop{ vertical-align: top; }
.valignMiddle{ vertical-align: middle; }
.valignBottom{ vertical-align: bottom; }
.height30{ height: 30px; }
.height100vh{ min-height: 100vh; }
.height100pc{ min-height: 100%; }
.maxWidth{ width: 100%; }
.uiGrid{ width: 100%; height: 400px; }
.width-200{ width: 200px; }
.margin0{ margin: 0; }
.my-drop-zone { border: dotted 3px lightgray; }
.nv-file-over { border: dotted 3px red; } /* Default class applied to drop zones on over */
.another-file-over-class { border: dotted 3px green; }
.valignTop{vertical-align: top;}
.valignCenter{vertical-align: center;}
.valignBottom{vertical-align: bottom;}
.nowrap{white-space: nowrap};
.flash-message {
display: block;
//background: #ede4b6;
font-size: 20px;
font-weight: bold;
color: blue;
}
.hidden {
display: none;
}
.filterPanel{
width: 20%;
min-width: 200px;
max-width: 220px;
}
.selectionPanel{
width: 80%;
min-width: 80%;
}
.filterPanel300{
width: 20%;
min-width: 300px;
max-width: 320px;
padding: 0px;
}
.selectionPanel300{
width: 80%;
min-width: 80%;
padding: 0px;
}
.selectable{
cursor: pointer;
}
.table-cell{
margin-left:20px;
padding: 1px;
}
.table-header{
margin-left:20px;
}
.vertical-text{
writing-mode:tb-rl;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform:rotate(180deg);
transform: rotate(180deg);
white-space:nowrap;
display:block;
bottom:0;
width:20px;
height:20px;
}
pre.wrap{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
body {
margin: 12px 0px;
//background-image: url("/images/bgSpeckledFibers2pt.png");
//background-color: #ede4b6;
}
img {
margin: 0;
padding: 0;
border: 0;
}
img.resize {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
a {
cursor: pointer;
text-decoration: none;
ccolor: darkblue;
ccolor: #cb6700;
}
a:hover {
ccolor: #22a;
}
.hand {
cursor: pointer;
}
.logo {
width: 353px;
padding: 4px 8px;
}
.no-space {
font-size: 0;
}
.inline { display: inline-block; }
.rightFloat {
float: right;
margin: 0;
}
.floatRight {
float: right;
}
.floatLeft {
float: left;
}
.showBorder {
border: 1px solid red;
margin: 0px;
padding: 0px;
}
.redBorder {
border-color: red !important;
border-width: 2px;
}
.requiredBorder{
/*background: #fd8;*/
border: 2px solid #E00 !important;
}
table {
border: 0px solid red;
padding: 0;
border-spacing: 0;
margin: 0 auto;
}
th, td {
vertical-align: middle;
padding: 0px;
margin: 0px;
}
tr { border: 0px solid blue; }
td { border: 0px solid green; }
.intro-text {
color: #444;
font-size: 16pt;
font-weight: bold;
}
.sign-in {
background: linear-gradient(#ddd, #999); /* Standard syntax */
background: -o-linear-gradient(#ddd, #999); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ddd, #999); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#ddd, #999); /* For Safari 5.1 to 6.0 */
border-radius: .5em;
font-weight: bold;
color: #cb6700;
font-size: 20px;
border: 1px solid #999;
border-left-style: none;
border-top-style: none;
bborder-bottom-style: none;
padding: 10px 4px;
text-align: center;
bbox-shadow: black 0.15em 0.15em 0.1em;
width: 85px;
}
.sign-in:hover { color: #22b; }
.text-scroller {
background-color: #e49000;
color: white;
}
.row {
display: block;
margin-left: 0px; /* Just to counteract Bootstrap */
margin-right: 0px; /* Just to counteract Bootstrap */
}
.cell {
display: table-cell;
}
.field {
display: inline-block;
}
.no-spacing {
border: 0;
margin: 0;
padding: 0;
}
/* Text Scroller
* Description: Text to the right of Main Logo
* with single line text that changes by rolling upward to display next line.
*/
.text-scroller {
background: linear-gradient(#e49000, #cb6700); /* Standard syntax */
background: -o-linear-gradient(#e49000, #cb6700); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#e49000, #cb6700); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#e49000, #cb6700); /* For Safari 5.1 to 6.0 */
border-radius: .5em .5em 0 0;
padding: 0;
}
#text-scroller {
display: block;
overflow: hidden;
width: 640px;
height: 26px;
margin: 5px;
font-size: 24px;
font-family: sans;
text-align: center;
}
#text-scroller2 {
display: block;
overflow: hidden;
width: 640px;
height: 26px;
margin: 5px;
font-size: 24px;
font-family: sans;
text-align: center;
}
.border-brown-bottom-only {
border: 5px solid #cb6700;
border-left-style: none;
border-right-style: none;
border-top-style: none;
}
.border-brown-sides-only {
border: 5px solid #cb6700;
border-top-style: none;
border-bottom-style: none;
}
.border-brown-except-top {
border: 5px solid #cb6700;
border-top-style: none;
}
/*
* Menus
*/
.menus {
width: 995px;
}
.menus .menu, .menus .menu-end {
background: linear-gradient(#ddd, #999); /* Standard syntax */
background: -o-linear-gradient(#ddd, #999); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ddd, #999); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#ddd, #999); /* For Safari 5.1 to 6.0 */
font-weight: bold;
color: #333;
font-size: 16px;
padding: 10px 10px;
text-align: center;
}
.menus .menu:hover, .menus .menu-end:hover {
background-color: blue;
}
.menus .menu-end, .menus .menu-break {
bborder-right-style: none;
}
.menus .menu-divider {
background-color: #999;
width: 1px;
}
.menus .menu-left {
border-radius: .5em 0 0 0;
}
.menus .menu-right {
border-radius: 0 .5em 0 0;
}
.menus .menu-break {
width: 14%;
}
.menus-buttons {
width: 1023px;
}
.menus-buttons .menu, .menus-buttons .menu-end {
background: linear-gradient(#ddd, #999); /* Standard syntax */
background: -o-linear-gradient(#ddd, #999); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ddd, #999); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#ddd, #999); /* For Safari 5.1 to 6.0 */
font-weight: bold;
border: 1px solid #999;
border-left-style: none;
border-top-style: none;
bborder-bottom-style: none;
text-align: center;
bbox-shadow: black 0.1em 0.1em 0.1em;
}
/* Menu Rows */
.menus-buttons-top, .menus-buttons-middle, .menus-buttons-bottom {
font-size: 16px;
color: #333;
text-align: center;
}
.menus-buttons-top .menu, .menus-buttons-top .menu-end {
background: linear-gradient(#ddd, #bbb); /* Standard syntax */
background: -o-linear-gradient(#ddd, #bbb); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ddd, #bbb); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#ddd, #bbb); /* For Safari 5.1 to 6.0 */
font-weight: bold;
border: 1px solid #999;
border-left-style: none;
border-top-style: none;
bborder-bottom-style: none;
padding: 5px;
bbox-shadow: black 0.1em 0.1em 0.1em;
}
.menus-buttons-middle .menu-buttons, .menus-buttons-middle .menu, .menus-buttons-middle .menu-end {
background: none;
background-color: #bbb;
font-weight: bold;
color: #333;
font-size: 16px;
border: 1px solid #999;
border-left-style: none;
border-top-style: none;
bborder-bottom-style: none;
padding: 5px;
text-align: center;
bbox-shadow: black 0.1em 0.1em 0.1em;
}
.menus-buttons-bottom .menu, .menus-buttons-bottom .menu-end {
background-color: #bbb; /* Standard syntax */
background: -o-linear-gradient(#bbb, #999); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#bbb, #999); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#bbb, #999); /* For Safari 5.1 to 6.0 */
font-weight: bold;
color: #333;
font-size: 16px;
border: 1px solid #999;
border-left-style: none;
border-top-style: none;
bborder-bottom-style: none;
padding: 5px;
text-align: center;
bbox-shadow: black 0.1em 0.1em 0.1em;
}
.menus-buttons .menu:hover, .menus-buttons .menu-end:hover {
color: blue;
}
.menus-buttons .menu-end, .menus-buttons .menu-break {
bborder-right-style: none;
}
.menus-buttons .menu-left {
border-radius: .5em 0 0 .5em;
}
.menus-buttons .menu-middle {
border-radius: 0 0 0 0;
}
.menus-buttons .menu-right {
border-radius: 0 .5em .5em 0;
}
.menus-buttons .menu-top-left {
border-radius: .5em 0 0 0;
}
.menus-buttons .menu-top-right {
border-radius: 0 .5em 0 0;
}
.menus-buttons .menu-middle-left {
border-radius: 0 0 0 0;
}
.menus-buttons .menu-middle-right {
border-radius: 0 0 0 0;
}
.menus-buttons .menu-bottom-left {
border-radius: 0 0 0 .5em;
}
.menus-buttons .menu-bottom-right {
border-radius: 0 0 .5em 0;
}
.menus-down {
width: 1023px;
}
.menus-down .menu, .menus-down .menu-end {
background: linear-gradient(#ddd, #999); /* Standard syntax */
background: -o-linear-gradient(#ddd, #999); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ddd, #999); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#ddd, #999); /* For Safari 5.1 to 6.0 */
font-weight: bold;
color: #333;
font-size: 16px;
border: 1px solid #999;
border-left-style: none;
border-top-style: none;
bborder-bottom-style: none;
padding: 10px 10px;
text-align: center;
bbox-shadow: black 0.24em 0.3em 0.1em;
}
.menus-down .menu:hover, .menus-down .menu-end:hover {
background-color: blue;
}
.menus-down .menu-end, .menus-down .menu-break {
bborder-right-style: none;
}
.menus-down .menu-left {
border-radius: 0 0 0 .5em;
}
.menus-down .menu-right {
border-radius: 0 0 .5em 0;
}
/*
* Content: Main body of text information for the page.
*/
td.content {
width: 640px;
}
td.content h3, td.content h2, td.content h1 {
margin-bottom: -10px;
color: #cb6700;
}
td.content h2 {
padding-top: 10px;
}
#intro td.content h2{
padding-top: 0;
}
td.content h3 {
margin-bottom: -10px;
font-size: 22px;
}
td.content b {
font-size: 22px;
}
td.content span {
font-size: 22px;
}
td.content h1 {
text-align: center;
}
.content p, .content li {
font-size: 20px;
}
.content table {
vertical-align: top;
}
.content td {
vertical-align: top;
}
/* Image Scroller
* Description: Big image of programme in the middle and thumbnails of other programmes below.
*/
.page-scroller-center {
width: 1153px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
#image-scroller {
margin-bottom: -4px;
width: 1995px;
height: 400px;
}
.image-scroller {
display: block;
overflow: hidden;
width: 995px;
}
.navigator {
bbox-shadow: black 0.31em 0.2em 0.1em;
width: 995px;
}
.nav-left { /* Left transparent column with single left angled bracket to navigate programme left */
width: 100px;
padding: 0;
}
.nav-center { /* Center display with large programme image and thumbnails below */
width: 995px;
padding: 0;
}
.nav-right { /* Right transparent column with single right angled bracket to navigate programme right */
width: 100px;
padding: 0;
}
.thumbnails{
}
td.athumbnail {
width: 165px;
border: 1px solid #000;
background-color: #000;
border-left: none;
}
td.athumbnail-end {
width: 165px;
border-right: none;
}
.athumbnail img {
width: 165px;
hheight: 75px;
border: 0;
}
.athumbnail-end img {
width: 165px;
}
.center { /* class for centering content */
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.page-center { /* class for centering page and setting normal page width. */
width: 995px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.tape {
width: 100%;
height: 70px;
color: white;
background: linear-gradient(#e49000, #cb6700); /* Standard syntax */
background: -o-linear-gradient(#e49000, #cb6700); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#e49000, #cb6700); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#e49000, #cb6700); /* For Safari 5.1 to 6.0 */
}
.tapeGrey {
width: 100%;
height: 50px;
color: black;
background: linear-gradient(#e4e4e4, #e4e4e4); /* Standard syntax */
background: -o-linear-gradient(#e4e4e4, #e4e4e4); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#e4e4e4, #e4e4e4); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#e4e4e4, #e4e4e4); /* For Safari 5.1 to 6.0 */
}
.tape img {
height: 40px;
margin: 5px;
vertical-align: middle;
}
.tape img.smaller {
height: 25px;
margin: 5px;
vertical-align: middle;
}
.partner-logos {
font-size: 20px;
text-align: center;
min-width: 1200px;
}
.copyright {
font-weight: bold;
color: #cb6700;
}
.end-text {
font-weight: bold;
color: #555555;
width: 1000px;
display: inline-block;
font-size: 18px;
}
.popup-menu { position:relative; }
.popup-menu:hover { color: #22b; }
.popup-menu:hover>ul.menu-list { color: #444; }
.popup-menu .field {
border:none;
cursor:pointer;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
}
.popup-menu>ul.menu-list {
display:none;
position:absolute; left: -30px; top:0px; z-index:999;
width: 300px;
margin:0; padding:5px; list-style:none;
}
.popup-menu>ul.menu-list li {
padding:10px;
border-bottom: solid 1px #ccc;
background-color: #bbb;
-moz-bbox-shadow:0 0 5px #999; -webkit-bbox-shadow:0 0 5px #999; bbox-shadow:0 0 5px #999
}
.popup-menu>ul.menu-list li:hover {
cursor: pointer;
color:#22b;
}
.popup-menu>ul.menu-list li:first-child {
border:none
border-radius: .5em .5em 0 0;
background: linear-gradient(#ddd, #bbb); /* Standard syntax */
background: -o-linear-gradient(#ddd, #bbb); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ddd, #bbb); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#ddd, #bbb); /* For Safari 5.1 to 6.0 */
-moz-border-radius: .5em .5em 0 0;
-webkit-border-radius: .5em .5em 0 0;
-moz-bbox-shadow:0 0 5px #999; -webkit-bbox-shadow:0 0 5px #999; bbox-shadow:0 0 5px #999
}
.popup-menu>ul.menu-list li:last-child {
border:none
border-radius: 0 0 .5em .5em;
background: linear-gradient(#bbb, #999); /* Standard syntax */
background: -o-linear-gradient(#bbb, #999); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#bbb, #999); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#bbb, #999); /* For Safari 5.1 to 6.0 */
-moz-border-radius: 0 0 .5em .5em;
-webkit-border-radius: 0 0 .5em .5em;
-moz-bbox-shadow:0 0 5px #999; -webkit-bbox-shadow:0 0 5px #999; bbox-shadow:0 0 5px #999
}
.radio{
background-color: #fd8;
border-radius: .5em;
font-weight: bold;
color: #cb6700;
margin: 10px;
margin-left: 22px;
font-size: 16px;
border: 1px solid #fdf4c6;
padding: 5px 10px;
-webkit-appearance: none;
cursor: pointer;
}
.z-3{position: absolute; z-index:-3;}
.z-2{position: absolute; z-index:-2;}
.z-1{position: absolute; z-index:-1;}
.z0{position: absolute; z-index:0;}
.z1{position: absolute; z-index:1;}
.z2{position: absolute; z-index:2;}
.z3{position: absolute; z-index:3;}
.width-auto{width: auto !important;}
.width1pc{width: 1% !important;}
.width2pc{width: 2% !important;}
.width5pc{width: 5% !important;}
.width10pc{width: 10% !important;}
.width12pc{width: 12% !important;}
.width15pc{width: 15% !important;}
.width20pc{width: 20% !important;}
.width25pc{width: 25% !important;}
.width30pc{width: 30% !important;}
.width33pc{width: 33% !important;}
.width34pc{width: 34% !important;}
.width35pc{width: 35% !important;}
.width40pc{width: 40% !important;}
.width45pc{width: 45% !important;}
.width50pc{width: 50% !important;}
.width55pc{width: 55% !important;}
.width60pc{width: 60% !important;}
.width65pc{width: 65% !important;}
.width66pc{width: 66% !important;}
.width67pc{width: 67% !important;}
.width70pc{width: 70% !important;}
.width75pc{width: 75% !important;}
.width80pc{width: 80% !important;}
.width85pc{width: 85% !important;}
.width90pc{width: 90% !important;}
.width95pc{width: 95% !important;}
.width100pc{width: 100% !important;}
.marginleft1{ margin-left:1px !important;}
.marginleft2{ margin-left:2px !important;}
.marginleft3{ margin-left:3px !important;}
.marginleft4{ margin-left:4px !important;}
.marginleft5{ margin-left:5px !important;}
.marginleft6{ margin-left:6px !important;}
.marginleft7{ margin-left:7px !important;}
.marginleft8{ margin-left:8px !important;}
.marginleft9{ margin-left:9px !important;}
.marginleft10{ margin-left:10px !important;}
.marginleft11{ margin-left:11px !important;}
.marginleft12{ margin-left:12px !important;}
.marginleft15{ margin-left:15px !important;}
.marginleft20{ margin-left:20px !important;}
.marginleft25{ margin-left:25px !important;}
.marginleft30{ margin-left:30px !important;}
.marginright1{ margin-right:1px !important;}
.marginright2{ margin-right:2px !important;}
.marginright3{ margin-right:3px !important;}
.marginright4{ margin-right:4px !important;}
.marginright5{ margin-right:5px !important;}
.marginright6{ margin-right:6px !important;}
.marginright7{ margin-right:7px !important;}
.marginright8{ margin-right:8px !important;}
.marginright9{ margin-right:9px !important;}
.marginright10{ margin-right:10px !important;}
.margin1{ margin:1px !important;}
.margin2{ margin:2px !important;}
.margin3{ margin:3px !important;}
.margin4{ margin:4px !important;}
.margin5{ margin:5px !important;}
.margin8{ margin:8px !important;}
.margin10{ margin:10px !important;}
.margin12{ margin:12px !important;}
.margin15{ margin:15px !important;}
.margin16{ margin:16px !important;}
.margin18{ margin:18px !important;}
.margin20{ margin:20px !important;}
.margin25{ margin:25px !important;}
.margin30{ margin:30px !important;}
.margin35{ margin:35px !important;}
.margin40{ margin:40px !important;}
.margin45{ margin:45px !important;}
.margin50{ margin:50px !important;}
.margin55{ margin:55px !important;}
.margin60{ margin:60px !important;}
.margin65{ margin:65px !important;}
.padding1{ padding:1px !important;}
.padding2{ padding:2px !important;}
.padding3{ padding:3px !important;}
.padding4{ padding:4px !important;}
.padding5{ padding:5px !important;}
.padding8{ padding:8px !important;}
.padding10{ padding:10px !important;}
.padding12{ padding:12px !important;}
.padding15{ padding:15px !important;}
.padding16{ padding:16px !important;}
.padding18{ padding:18px !important;}
.padding20{ padding:20px !important;}
.padding25{ padding:25px !important;}
.padding30{ padding:30px !important;}
.padding35{ padding:35px !important;}
.padding40{ padding:40px !important;}
.padding45{ padding:45px !important;}
.padding50{ padding:50px !important;}
.padding55{ padding:55px !important;}
.padding60{ padding:60px !important;}
.padding65{ padding:65px !important;}
.padding70{ padding:60px !important;}
.padding75{ padding:65px !important;}
.padding80{ padding:60px !important;}
.padding85{ padding:65px !important;}
.padding90{ padding:60px !important;}
.padding95{ padding:65px !important;}
.padding100{ padding:65px !important;}
.width10{ width: 10px !important;}
.width20{ width: 20px !important;}
.width30{ width: 30px !important;}
.width40{ width: 40px !important;}
.width50{ width: 50px !important;}
.width60{ width: 60px !important;}
.width70{ width: 70px !important;}
.width80{ width: 80px !important;}
.width85{ width: 85px !important;}
.width90{ width: 90px !important;}
.width100{ width: 100px !important;}
.width105{ width: 105px !important;}
.width110{ width: 110px !important;}
.width115{ width: 115px !important;}
.width120{ width: 120px !important;}
.width130{ width: 130px !important;}
.width140{ width: 140px !important;}
.width150{ width: 150px !important;}
.width160{ width: 160px !important;}
.width180{ width: 180px !important;}
.width200{ width: 200px !important;}
.width220{ width: 220px !important;}
.width240{ width: 240px !important;}
.width250{ width: 250px !important;}
.width260{ width: 260px !important;}
.width280{ width: 280px !important;}
.width300{ width: 300px !important;}
.width320{ width: 320px !important;}
.width340{ width: 340px !important;}
.width350{ width: 350px !important;}
.width360{ width: 360px !important;}
.width380{ width: 380px !important;}
.width385{ width: 385px !important;}
.width390{ width: 390px !important;}
.width400{ width: 400px !important;}
.width450{ width: 450px !important;}
.width500{ width: 500px !important;}
.width550{ width: 550px !important;}
.width600{ width: 600px !important;}
.width650{ width: 650px !important;}
.width700{ width: 700px !important;}
.width750{ width: 750px !important;}
.width800{ width: 800px !important;}
.width850{ width: 850px !important;}
.width900{ width: 900px !important;}
.width950{ width: 950px !important;}
.width1000{ width: 1000px !important;}
.width1050{ width: 1050px !important;}
.width1100{ width: 1100px !important;}
.width1150{ width: 1150px !important;}
.width1200{ width: 1200px !important;}
.width1250{ width: 1250px !important;}
.width1300{ width: 1300px !important;}
.width1350{ width: 1350px !important;}
.width1400{ width: 1400px !important;}
.width1450{ width: 1450px !important;}
.width1500{ width: 1500px !important;}
.width1550{ width: 1550px !important;}
.width1600{ width: 1600px !important;}
.width1650{ width: 1650px !important;}
.width1700{ width: 1700px !important;}
.width1750{ width: 1750px !important;}
.width1800{ width: 1800px !important;}
.width1850{ width: 1850px !important;}
.width1900{ width: 1900px !important;}
.width1950{ width: 1950px !important;}
.width2000{ width: 2000px !important;}
.width2050{ width: 2050px !important;}
.max-width10{ max-width: 10px !important;}
.max-width20{ max-width: 20px !important;}
.max-width30{ max-width: 30px !important;}
.max-width40{ max-width: 40px !important;}
.max-width50{ max-width: 50px !important;}
.max-width60{ max-width: 60px !important;}
.max-width70{ max-width: 70px !important;}
.max-width80{ max-width: 80px !important;}
.max-width90{ max-width: 90px !important;}
.max-width100{ max-width: 100px !important;}
.max-width120{ max-width: 120px !important;}
.max-width140{ max-width: 140px !important;}
.max-width150{ max-width: 150px !important;}
.max-width160{ max-width: 160px !important;}
.max-width180{ max-width: 180px !important;}
.max-width200{ max-width: 200px !important;}
.max-width220{ max-width: 220px !important;}
.max-width240{ max-width: 240px !important;}
.max-width250{ max-width: 250px !important;}
.max-width260{ max-width: 260px !important;}
.max-width280{ max-width: 280px !important;}
.max-width300{ max-width: 300px !important;}
.max-width350{ max-width: 350px !important;}
.max-width400{ max-width: 400px !important;}
.max-width450{ max-width: 450px !important;}
.max-width500{ max-width: 500px !important;}
.max-width550{ max-width: 550px !important;}
.max-width600{ max-width: 600px !important;}
.max-width650{ max-width: 650px !important;}
.max-width700{ max-width: 700px !important;}
.max-width750{ max-width: 750px !important;}
.max-width800{ max-width: 800px !important;}
.max-width850{ max-width: 850px !important;}
.max-width900{ max-width: 900px !important;}
.max-width950{ max-width: 950px !important;}
.max-width1000{ max-width: 1000px !important;}
.max-width1050{ max-width: 1050px !important;}
.max-width1100{ max-width: 1100px !important;}
.max-width1150{ max-width: 1150px !important;}
.max-width1200{ max-width: 1200px !important;}
.max-width1250{ max-width: 1250px !important;}
.max-width1300{ max-width: 1300px !important;}
.white {color: white !important;}
.red {color: red !important;}
.orange {color: orange !important;}
.yellow {color: yellow !important;}
.green {color: green !important;}
.cyan {color: cyan !important;}
.blue {color: blue !important;}
.purple {color: purple !important;}
.magenta {color: magenta !important;}
.grey {color: grey !important;}
.black {color: black !important;}
.lightwhite {color: white !important;}
.lightred {color: rgb(253, 94, 94) !important;}
.lightorange {color: rgb(253, 197, 93) !important;}
.lightyellow {color: lightyellow !important;}
.lightgreen {color: lightgreen !important;}
.lightcyan {color: lightcyan !important;}
.lightblue {color: lightblue !important;}
.lightpurple {color: rgb(145, 74, 145) !important;}
.lightmagenta {color: rgb(248, 118, 248) !important;}
.lightgrey {color: lightgrey !important;}
.lightblack {color: rgb(56, 56, 56) !important;}
.darkwhite {color: rgb(216, 216, 216) !important;}
.darkred {color: darkred !important;}
.darkorange {color: rgb(216, 120, 3) !important;}
.darkyellow {color:rgb(168, 168, 2) !important;}
.darkgreen {color: darkgreen !important;}
.darkcyan {color: darkcyan !important;}
.darkblue {color: darkblue !important;}
.darkpurple {color: purple !important;}
.darkmagenta {color: darkmagenta !important;}
.darkgrey {color: darkgrey !important;}
.darkblack {color: black !important;}
.backwhite {background-color: white !important;}
.backred {background-color: red !important;}
.backorange {background-color: orange !important;}
.backyellow {background-color: yellow !important;}
.backgreen {background-color: green !important;}
.backcyan {background-color: cyan !important;}
.backblue {background-color: blue !important;}
.backpurple {background-color: purple !important;}
.backmagenta {background-color: magenta !important;}
.backgrey {background-color: grey !important;}
.backblack {background-color: black !important;}
.backlightred {background-color: rgb(250, 103, 103) !important;}
.backlightorange {background-color: rgb(250, 199, 104) !important;}
.backlightyellow {background-color: rgb(252, 252, 137) !important;}
.backlightgreen {background-color: lightgreen !important;}
.backlightcyan {background-color: lightcyan !important;}
.backlightblue {background-color: lightblue !important;}
.backlightpurple {background-color: rgb(138, 62, 138) !important;}
.backlightmagenta {background-color: rgb(250, 102, 250) !important;}
.backlightgrey {background-color: lightgrey !important;}
.focuswhite:focus {background-color: white !important;}
.focusred:focus {background-color: red !important;}
.focusorange:focus {background-color: orange !important;}
.focusyellow:focus {background-color: yellow !important;}
.focusgreen:focus {background-color: green !important;}
.focuscyan:focus {background-color: cyan !important;}
.focusblue:focus {background-color: blue !important;}
.focuspurple:focus {background-color: purple !important;}
.focusmagenta:focus {background-color: magenta !important;}
.focusgrey:focus {background-color: grey !important;}
.focusblack:focus {background-color: black !important;}
.back1 {background-color: LightBlue !important;}
.back2 {background-color: LightSteelBlue !important;}
.back3 {background-color: LightSkyBlue !important;}
.back4 {background-color: LightSeaGreen !important;}
.back5 {background-color: LightSalmon !important;}
.back6 {background-color: LightPink !important;}
.back7 {background-color: LightGreen !important;}
.back8 {background-color: LightGray !important;}
.back9 {background-color: LightGoldenRodYellow !important;}
.back10 {background-color: Violet !important;}
.back11 {background-color: LightCoral !important;}
.back12 {background-color: Wheat !important;}
.back13 {background-color: Thistle !important;}
.back14 {background-color: SpringGreen !important;}
.back15 {background-color: Plum !important;}
.back16 {background-color: Pink !important;}
.hastooltip {
color: red;
cursor: pointer;
}
.hastooltip:hover .tooltip {
display: block;
color: black;
}
.tooltip {
position: absolute;
white-space: nowrap;
display: none;
background: #ffffcc;
border: 1px solid black;
padding: 5px;
z-index: 1000;
}
.height1{ height:1px !important;}
.height2{ height:2px !important;}
.height3{ height:3px !important;}
.height4{ height:4px !important;}
.height5{ height:5px !important;}
.height8{ height:8px !important;}
.height10{ height:10px !important;}
.height12{ height:12px !important;}
.height15{ height:15px !important;}
.height16{ height:16px !important;}
.height18{ height:18px !important;}
.height20{ height:20px !important;}
.height25{ height:25px !important;}
.height30{ height:30px !important;}
.height35{ height:35px !important;}
.height40{ height:40px !important;}
.height45{ height:45px !important;}
.height50{ height:50px !important;}
.height55{ height:55px !important;}
.height60{ height:60px !important;}
.height65{ height:65px !important;}
.height70{ height:60px !important;}
.height75{ height:65px !important;}
.height80{ height:60px !important;}
.height85{ height:65px !important;}
.height90{ height:60px !important;}
.height95{ height:65px !important;}
.height100{ height:65px !important;}
.z0{z-index: 0 !important;}
.z1{z-index: 1 !important;}
.z2{z-index: 2 !important;}
.z3{z-index: 3 !important;}
.z4{z-index: 4 !important;}
.z5{z-index: 5 !important;}
.z6{z-index: 6 !important;}
.z7{z-index: 7 !important;}
.z8{z-index: 8 !important;}
.z9{z-index: 9 !important;}
.z10{z-index: 10 !important;}
.z11{z-index: 11 !important;}
.z12{z-index: 12 !important;}
.z13{z-index: 13 !important;}
.z14{z-index: 14 !important;}
.z15{z-index: 15 !important;}
.z16{z-index: 16 !important;}
.z17{z-index: 17 !important;}
.z18{z-index: 18 !important;}
.z19{z-index: 19 !important;}
.z20{z-index: 20 !important;}
.z21{z-index: 21 !important;}
.z22{z-index: 22 !important;}
.z23{z-index: 23 !important;}
.z24{z-index: 24 !important;}
.z25{z-index: 25 !important;}
.z26{z-index: 26 !important;}
.z27{z-index: 27 !important;}
.z28{z-index: 28 !important;}
.z29{z-index: 29 !important;}
.z30{z-index: 30 !important;}
.z40{z-index: 40 !important;}
.z50{z-index: 50 !important;}
.z60{z-index: 60 !important;}
.z70{z-index: 70 !important;}
.z80{z-index: 80 !important;}
.z90{z-index: 90 !important;}
.z100{z-index: 100 !important;}
.z200{z-index: 200 !important;}
.stats table, .stats th, .stats td{border: 1px solid black;}
.basic table, .basic th, .basic td{border: 1px solid black;}
.fullwidth table{width: 100%;}
.well, .well-brown, .well-brown2, .well-brown3, .well-cream, .well-cream2, .well-cream3 {
display: block;
margin: 10px;
border: 1px solid #fdf4c6;
padding: 5px 10px;
border-radius: .5em;
margin-bottom: 30px;
}
.body-background{
bbackground-image: url("/images/bgSpeckledFibers2pt.png");
}
.well-brown { border: 1px solid #e49000; }
.well-brown2 { border: 2px solid #e49000; }
.well-brown3 { border: 3px solid #e49000; }
.well-cream { border: 1px solid #fdf4c6; }
.well-cream2 { border: 2px solid #fdf4c6; }
.well-cream3 { border: 3px solid #fdf4c6; }
.well-label {
background: #fdf4c6;
font-weight: bold;
font-size: 14px;
display: inline-block;
margin: 2px;
border: 1px solid #e49000;
padding: 2px 20px 2px 10px;
border-radius: .5em;
position: relative;
top: -14px;
}
form .row, .form .row {
display: inline-block;
width: calc(100% - 20px);
margin-bottom: 10px;
margin-left: 10px;
}
form .field, .form .field {
display: inline-block;
margin-right: 20px;
}
form .field.spacer, .form .field.spacer {
min-width: 300px;
}
form label, .form label {
display: block;
padding-left: 5px;
text-align: left;
}
form select {
border-radius: .5em;
font-weight: bold;
color: #cb6700;
margin: 2px;
font-size: 16px;
border: 1px solid #fdf4c6;
padding: 5px 10px;
width: 250px;
-webkit-appearance: none;
}
form select, form input, form textarea, .form select, .form input, .form textarea {
background-color: #fdf4c6;
border-radius: .5em;
font-weight: bold;
color: #cb6700;
margin: 2px;
font-size: 16px;
border: 1px solid #fdf4c6;
padding: 5px 10px;
width: 250px;
-webkit-appearance: none;
}
form button, .form button {
background: linear-gradient(#ddd, #999); /* Standard syntax */
background: -o-linear-gradient(#ddd, #999); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ddd, #999); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#ddd, #999); /* For Safari 5.1 to 6.0 */
border-radius: .5em;
font-weight: bold;
color: #cb6700;
margin: 2px;
font-size: 16px;
border: 1px solid #999;
border-left-style: none;
border-top-style: none;
bborder-bottom-style: none;
padding: 7px 10px;
width: 120px;
}
form button:hover, .form button:hover {
color: #22a;
}
form button.green:hover, .form button.green:hover {
color: #2a2;
}
form button.yellow:hover, .form button.yellow:hover {
color: #ee2;
}
.glyphicon.green { color: green; }
.glyphicon.yellow { color: yellow; }
.glyphicon.orange { color: orange; }
.glyphicon.blue { color: blue; }
.glyphicon.red { color: red; }
.glyphicon.purple { color: purple; }
.program {
cursor: pointer;
}
.fileUpload{
position: relative;
overflow: hidden;
margin: 0;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha (opacity=0);
}
a{
cursor: pointer;
}
.fullWidth{
width: 100%;
}
.green{ color: green; }
.red{ color: red; }
.blue{ color: blue; }
.yellow{ color: yellow; }
.orange{ color: orange; }
.purple{ color: purple; }
[readonly]{
background: lightgrey;
}
[required]{
background: #fd8;
border: 1px solid #c70;
}
.form select.ng-invalid-required.ng-dirty, .form input.ng-invalid-required.ng-dirty, .form textarea.ng-invalid-required.ng-dirty {
border: 1px solid #c00;
}
/* ==== editable-form ==== */
/* class for single editable element */
.editable-wrap {
display: inline-block;
white-space: pre;
margin: 0;
}
/* remove bottom-margin for bootstrap */
.editable-wrap .editable-controls,
.editable-wrap .editable-error {
margin-bottom: 0;
}
/* remove bottom-margin of inputs */
.editable-wrap .editable-controls > input,
.editable-wrap .editable-controls > select,
.editable-wrap .editable-controls > textarea {
margin-bottom: 0;
}
/* keep buttons on the same line */
.editable-wrap .editable-input {
display: inline-block;
}
.editable-buttons {
display: inline-block;
vertical-align: top;
}
.editable-buttons button {
margin-left: 5px;
}
/* in bootstrap width: 100% => buttons go outside the box */
.editable-input.editable-has-buttons {
width: auto;
}
/* ==== editable-text ==== */
/* fix padding issue on typeahead */
.editable-text {
white-space: nowrap;
}
/* ==== editable-bsdate ==== */
/* fix padding issue on bsdate popup */
.editable-bsdate {
white-space: nowrap;
}
/* ==== editable-bstime ==== */
/* fix padding issue on bstime */
.editable-bstime {
white-space: nowrap;
}
/* workaround for bootstrap that sets width: 100% and inputs become too wide */
.editable-bstime .editable-input input[type="text"] {
width: 46px;
}
/* less padding for .well */
.editable-bstime .well-small {
margin-bottom: 0;
padding: 10px;
}
/* ==== editable-range ==== */
.editable-range output {
display: inline-block;
min-width: 30px;
vertical-align: top;
text-align: center;
}
/* ==== editable-color ==== */
.editable-color input[type="color"] {
width: 50px;
}
/* ==== editable-checkbox ==== */
/* ==== editable-checklist ==== */
/* ==== editable-radiolist ==== */
.editable-checkbox label span,
.editable-checklist label span,
.editable-radiolist label span {
margin-left: 7px;
margin-right: 10px;
}
/* ==== element ==== */
/* hiding element */
.editable-hide {
display: none !important;
}
.editable-click,
a.editable-click {
text-decoration: none;
color: #428bca;
border-bottom: dashed 1px #428bca;
}
.editable-click:hover,
a.editable-click:hover {
text-decoration: none;
color: #2a6496;
border-bottom-color: #2a6496;
}
/* editable-empty */
.editable-empty,
.editable-empty:hover,
.editable-empty:focus,
a.editable-empty,
a.editable-empty:hover,
a.editable-empty:focus {
font-style: italic;
color: #DD1144;
text-decoration: none;
}
/* ui-bootstrap editable popover */
.ui-popover-wrapper a {
/* make the link always show up */
display: inline !important;
}
.ui-popover-wrapper form {
display: none !important;
}
/* editable popover */
.popover-wrapper > a {
/* make the link always show up */
display: inline !important;
}
.popover-wrapper {
/* make absolutely positioned children constrained to this box*/
display: inline;
position: relative;
}
.popover-wrapper form {
position: absolute;
top: -53px;
background: #FFF;
border: 1px solid #AAA;
border-radius: 5px;
padding: 7px;
width: auto;
display: inline-block;
left: 50%;
z-index: 101;
}
.popover-wrapper form:before {
content:"";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #AAA;
position:absolute;
bottom:-10px;
}
.popover-wrapper form:after {
content:"";
width:0;
height:0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid #FFF;
position:absolute;
bottom:-9px;
}
@media screen and (max-width: 750px) {
.popover-wrapper form {
margin-left: -60px;
}
.popover-wrapper form:before {
left:50px;
}
.popover-wrapper form:after {
left:51px;
}
}
@media screen and (min-width: 750px) {
.popover-wrapper form {
margin-left: -110px;
}
.popover-wrapper form:before {
left:100px;
}
.popover-wrapper form:after {
left:101px;
}
}
a {
cursor: pointer;
text-decoration: none;
ccolor: darkblue;
color: #cb6700;/*educatorsabroad.org*/
}
a:hover {
ccolor: #22a;
}
