html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;/*	vertical-align: baseline; */}
button {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;moz-box-sizing: border-content;}
button::-moz-focus-inner {border: 0;padding: 0;}
img {border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;padding:0px;}
a img{border:0px;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* icon fonts */

@font-face {
  font-family: 'notjustagrid';
  src: url('/fonts/notjustagrid.eot?44509217');
  src: url('/fonts/notjustagrid.eot?44509217#iefix') format('embedded-opentype'),
       url('/fonts/notjustagrid.woff?44509217') format('woff'),
       url('/fonts/notjustagrid.ttf?44509217') format('truetype'),
       url('/fonts/notjustagrid.svg?44509217#notjustagrid') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* icons */

/* repurposed the <i> tag for use in displaying icons inline */
i{display:inline-block;}



.icon:before,.icon:after{
 font-family: "notjustagrid";
 font-style: normal;
 font-weight: normal;
 speak: none;
 display: inline-block;
 text-decoration: inherit;
 width: 1em;
 text-align: center;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 transform: translate(0, 0);
 }

.icon-share:after { content: '\e802'; } /* '' */
.icon-youtube:after { content: '\e825'; } /* '' */
.icon-twitter:after { content: '\e826'; } /* '' */
.icon-linkedin:after { content: '\e827'; } /* '' */
.icon-gplus:after { content: '\e828'; } /* '' */
.icon-facebook:after { content: '\e829'; } /* '' */
.icon-pinterest-circled:after { content: '\e82a'; } /* '' */
.icon-instagram:after { content: '\e82b'; } /* '' */
.icon-tumblr:after { content: '\e82c'; } /* '' */
.icon-facebook-squared:after { content: '\e82d'; } /* '' */
.icon-flickr:after { content: '\e82e'; } /* '' */
.icon-gplus-squared:after { content: '\e82f'; } /* '' */
.icon-linkedin-squared:after { content: '\e830'; } /* '' */
.icon-pinterest-squared:after { content: '\e831'; } /* '' */
.icon-tumblr-squared:after { content: '\e832'; } /* '' */
.icon-twitter-squared:after { content: '\e833'; } /* '' */
.icon-vimeo-squared:after { content: '\e834'; } /* '' */
.icon-youtube-squared:after { content: '\e835'; } /* '' */
.icon-heart:after { content: '\e836'; } /* '' */

/* new icons June 9 2015 */

.icon-file-pdf:before { content: '\e871'; } /* '' */
.icon-file-word:before { content: '\e872'; } /* '' */
.icon-file-excel:before { content: '\e873'; } /* '' */
.icon-file-powerpoint:before { content: '\e874'; } /* '' */
.icon-file-image:before { content: '\e875'; } /* '' */
.icon-file-video:before { content: '\e876'; } /* '' */
.icon-file-audio:before { content: '\e877'; } /* '' */

.icon-arrows-cw:after { content: '\e815'; } /* '' */
.icon-star:after { content: '\e838'; } /* '' */
.icon-star-empty:after { content: '\e839'; } /* '' */

.icon-angle-circled-left:before { content: '\e80e'; } /* 'î Ž' */
.icon-angle-circled-right:after { content: '\e80f'; } /* 'î ' */
.icon-pencil:after { content: '\e812'; } /* 'î ’' */
.icon-pencil-squared:after { content: '\e813'; } /* 'î “' */

.icon-block{font-size:15px;border-radius:3px;width:25px; height:25px;line-height:25px;display:inline-block;text-align:center;}
.icon-block-medium{font-size:20px;width:35px; height:35px;line-height:35px;}
.icon-block-large{font-size:25px;width:45px; height:45px;line-height:45px;}
.icon-block-huge{font-size:30px;width:55px; height:55px;line-height:50px;padding-left:1px;}
.icon-block-round{border-radius:50%;}



/* - buttons - */
.btn {border-radius:4px; box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);padding:.75em 1em;transition-duration: 0.3s;margin:.5em;}
.btn.medium{font-size:1.25em;}
.btn.large{font-size:1.5em;}
.btn.huge{font-size:2em;}
.btn:disabled{background:#888; opacity:0.25;}

.btn.ghost {background:none;border-width: 2px; border-style: solid;}

.btn:before, .btn:after {
  font-family: "notjustagrid";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
     
  /* fix buttons height, for twitter bootstrap 
  line-height: 1em;*/
 
 
  /* you can be more comfortable with increased icons size*/
   font-size: 120%;  
}
.btn:after{;margin-left:.75em;}
.btn:before{margin-right:.75em;}
.btn.ghost:hover{transform:scale(.96) translate3d(0,0,0);}

.btn.ghost-white:hover{background:#fff;border-color:#fff;color:#000;}
.btn.ghost-palegrey:hover{background:#eee;border-color:#eee;color:#000;}
.btn.ghost-black:hover{background:#000;border-color:000;}
.btn.ghost-lt-blue:hover{background:#03A9F4;border-color:#03A9F4;}
.btn.ghost-lime:hover{background:#CDDC39;border-color:#CDDC39;}
.btn.ghost-pink:hover{background:#E91E63;border-color:#E91E63;}
.btn.ghost-teal:hover{background:#009688;border-color:#009688;}
.btn.ghost-lt-green:hover{background:#8BC34A;border-color:#8BC34A;}
.btn.ghost-blue-grey:hover{background:#607D8B;border-color:#607D8B;}
.btn.ghost-amber:hover{background:#FFC107;border-color:#FFC107;}
.btn.ghost-orange:hover{background:#F57C00;border-color:#F57C00;}
.btn.ghost-deep-orange:hover{background:#FF5722;border-color:#FF5722;}
.btn.ghost-red:hover{background:#F44336;border-color:#F44336;}

.bg-palegrey{background:#eee;}
.bg-lightgrey{background:#ccc;}
.bg-mediumgrey{background:#777;}
.bg-darkgrey{background:#444;}
.bg-black {background:#000;}
.bg-lt-blue {background:#03A9F4;}
.bg-lime{background:#CDDC39;}
.bg-pink{background:#E91E63;}
.bg-teal{background:#009688;}
.bg-lt-green{background:#8BC34A;}
.bg-blue-grey{background:#607D8B;}
.bg-amber{background:#FFC107;}
.bg-orange{background:#F57C00}
.bg-deep-orange{background:#FF5722}


.bg-white.btn:hover{background:#eee;transform:scale(.96) translate3d(0,0,0);}
.bg-palegrey.btn:hover{background:#ddd;transform:scale(.96) translate3d(0,0,0);}
.bg-black.btn:hover{background:#444;transform:scale(.96) translate3d(0,0,0);}
.bg-lt-blue.btn:hover{background:#0288D1;transform:scale(.96) translate3d(0,0,0);}
.bg-lime.btn:hover{background:#AFB42B;transform:scale(.96) translate3d(0,0,0);}
.bg-pink.btn:hover{background:#C2185B;transform:scale(.96) translate3d(0,0,0);}
.bg-teal.btn:hover{background:#00796B;transform:scale(.96) translate3d(0,0,0);}
.bg-lt-green.btn:hover{background:#689F38;transform:scale(.96) translate3d(0,0,0);}
.bg-blue-grey.btn:hover{background:#455A64;transform:scale(.96) translate3d(0,0,0);}
.bg-amber.btn:hover{background:#FFA000;transform:scale(.96) translate3d(0,0,0);}
.bg-orange.btn:hover{background:#F57C00;transform:scale(.96) translate3d(0,0,0);}
.bg-deep-orange.btn:hover{background:#E64A19;transform:scale(.96) translate3d(0,0,0);}
.bg-red.btn:hover{background:#D32F2F;transform:scale(.96) translate3d(0,0,0);}


.fg-palegrey{color:#eee;}
.fg-lightgrey{color:#ccc;}
.fg-mediumgrey{color:#777;}
.fg-darkgrey{color:#444;}
.fg-black{color:black;}
.fg-lt-blue {color:#03A9F4;}
.fg-lime{color:#CDDC39;}
.fg-pink{color:#E91E63;}
.fg-teal{color:#009688;}
.fg-lt-green{color:#8BC34A;}
.fg-blue-grey{color:#607D8B;}
.fg-amber{color:#FFC107;}
.fg-orange{color:#F57C00}
.fg-deep-orange{color:#FF5722}




.fg-white{color:#fff;}
.fg-googleplus{color:#dd4b39}
.fg-linkedin{color:#007bb5}
.fg-facebook{color:#3b5998}
.fg-twitter{color:#00aced}
.fg-instagram{color:#3f729b}
.fg-youtube{color:#b82621}
.fg-share{color:#008131}
.fg-red{color:#dd0000;}

.bg-white{color:#fff;}
.bg-googleplus{background-color:#dd4b39}
.bg-linkedin{background-color:#007bb5}
.bg-facebook{background-color:#3b5998}
.bg-twitter{background-color:#00aced}
.bg-instagram{background-color:#3f729b}
.bg-youtube{background-color:#b82621}
.bg-share{background-color:#008131}
.bg-red{background-color:#dd0000;}



/* Set up the basics ----------- */

.container {width:960px;position:relative; margin:auto;}
.full, .half, .threequarter, .quarter,.third,.twothird,.fifth,.twofifth,.threefifth,.fourfifth,.sixth,.fivesixth {float:left;display:inline;margin:0 10px 0 10px;padding:0;}
.first {margin-left:0;}
.last {margin-right:0;}
.nogutter {margin:0;}

/* large desktops 1400 grid----------- */
@media all and (min-width: 1400px) {
	.container {width:1380px;}
	.full {width:1360px;}
	.half {width:670px;}
	.threequarter {width:1015px;}
	.quarter {width:325px;}
	.third {width:440px;}
	.twothird {width:900px;}
	.fifth {width:256px;}
	.twofifth {width:532px;}
	.threefifth {width:808px;}
	.fourfifth {width:1084px;}
	.sixth {width:210px;}
	.fivesixth {width:1130px;}
	#g1400 { visibility:visible !important; }
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"G1400d";top:10px;}
	
}
/* widescreen desktops 1200 grid----------- */
@media all and (min-width: 1280px) and (max-width: 1399px) {
	.container {width:1200px}
	.full {width:1180px;}
	.half {width:580px;}
	.threequarter {width:880px;}
	.quarter {width:280px;}
	.third {width:380px;}
	.twothird {width:780px;}
	.fifth {width:220px;}
	.twofifth {width:460px;}
	.threefifth {width:700px;}
	.fourfifth {width:940px;}
	.sixth {width:180px;}
	.fivesixth {width:980px;}
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"G1200d";top:10px;}
}
/* small desktops and laptops 960 grid----------- */
@media all and (min-width: 960px) and (max-width: 1279px)  {
	.container {width:960px;}
	.full {width:940px;}
	.half {width:460px;}
	.threequarter {width:700px;}
	.quarter {width:220px;}
	.third {width:300px;}
	.twothird {width:620px;}
	.fifth {width:172px;}
	.twofifth {width:364px;}
	.threefifth {width:556px;}
	.fourfifth {width:748px;}
	.sixth {width:140px;}
	.fivesixth {width:780px;}
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"G960d";top:10px;}

}


/* Tablets  ----------- */
@media all and (min-width:720px) and (max-width:959px) {
	.container {width:720px;}
	.full {width:700px;}
	.half {width:340px;}
	.threequarter {width:520px;}
	.quarter {width:160px;}
	.third {width:220px;}
	.twothird {width:460px;}
	.fifth {width:124px;}
	.twofifth {width:268px;}
	.threefifth {width:412px;}
	.fourfifth {width:556px;}
	.sixth {width:100px;}
	.fivesixth {width:580px;}
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"Gtab";top:10px;}
	
}

/* Smartphones  ----------- */

@media only screen and (max-width:719px) {
	HTML {max-width:500px;margin:auto;background:black;}
	.container {width:100%; }
	.full, .half, .threequarter, .quarter,.third,.twothird,.fifth,.twofifth,.threefifth,.fourfifth,.sixth,.fivesixth {clear:both;width:90%;margin:0 5% 0 5%;}
	#debugcssgridvalue:before{left:100px;font-size:1em;color:white;content:"Gsp";top:10px;}		
}



/* Not Just a Grid v1.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/

/* roboto font weights 300 400 700 */
BODY {font-family: 'Roboto', sans-serif;font-size:75%;font-weight:300;line-height:1.5em;letter-spacing:1px;color:#222;-webkit-text-size-adjust: none;}
html>body {font-size: 14px;}
h1, h2, h3, h4, h5, h6 {color:#214625;font-family: 'Roboto Condensed', serif; font-weight:300;}
p, ol, ul, blockquote, code, dl, dt, dd{color:#222;font-size:1em;font-weight:300;letter-spacing:.02em;line-height:1.5em;}
h1,.h1 {font-size:4.0em;line-height:1.1em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h2,.h2 {font-size:2.7em;line-height:1.17em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h3,.h3 {font-size:2.4em;line-height:1.38em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h4,.h4 {font-size:2.1em;line-height:1.65em;letter-spacing:-.03em;margin:0px 0px 0.5em 0px;}
h5,.h5 {font-size:1.8em;line-height:2em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
h6,.h6 {font-size:1.5em;line-height:1.5em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
.serif{font-family:"Times New Roman", Times, serif}
.sans{font-family:'Roboto Condensed', sans-serif;}


p {margin:0 0 1.5em 0;}
blockquote {margin:10px 45px 15px 45px; font-style:italic; 	quotes:"\201C""\201D""\2018""\2019"; border-bottom:2px solid #444;border-top:2px solid #444;}
blockquote:before {font-size:24px;content:open-quote;}
blockquote:after {font-size:24px;content:close-quote;}
strong {font-weight:700;}
em, cite, dfn, address {font-style:italic;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted blue;}
acronym{font-variant:small-caps;}
address{margin:0px 0px 1.5em 2.5em;}
del{text-decoration:line-through;}
ins{border-bottom:1px dotted green;text-decoration:none;}
ul, ol{margin:0 0 1em 3em;list-style:disc;list-style-position:outside;}
li{	padding:0px 0px 0px .25em;}
ol {list-style:decimal;} 
ol.roman {list-style:lower-roman;}
ol.alpha {list-style:lower-alpha;}
ol.upperalpha {list-style:upper-alpha;}
dl {margin:0px;	padding:0px;}
dt {margin:0 0 0 1.5em;	font-weight:bold;}
dd {margin:0 0 0 3em;}
sup, sub {font-size:75%;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
a, a:link, a:visited {color:#1c56a5;text-decoration:none;}
a:hover, a:active {color:#ed6a30;text-decoration:none;}
hr {height:1px;color:#444;background-color:#444;clear:both;margin:20px 30px 20px 30px;border:none;}
code, pre, var, samp{font-family:"Courier New", Courier, monospace;}
small{font-size:80%; vertical-align:middle;}
big{font-size:120%; vertical-align:middle;}
.typegrid {background:url(../images/notjustagrid/misc/typegrid.gif) top left;}


/* Not Just a Grid v1.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
/* ---------------------------------------------------------------------------- */
/* vertical form styling ------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */
.vertical_form {font-family: "Roboto Condensed",sans-serif; font-weight:200; letter-spacing:1px;}
.vertical_form fieldset{margin:10px 0px;padding:10px 20px 10px 20px;}
.vertical_form fieldset.fieldsetbuttons {padding:10px 10px 10px 20px;}
.vertical_form fieldset.fieldsetbuttons div {text-align:right;}
.vertical_form legend {color:#666; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); margin:0px;border:1px solid #ccc;padding:3px 6px;background:#eee;-moz-border-radius:5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px; border-radius:5px;text-transform:uppercase;	letter-spacing:1px; -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3); 	-moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);-o-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);-ms-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);		box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);}
.vertical_form label {display:block;margin:5px 0px 2px 0px;}
.vertical_form ul {margin:0px; padding:0px;}
.vertical_form li {list-style:none; margin:0px; padding:0px;}
.vertical_form div.form_input_notes {font-size:12px; margin:0px 0px 10px 10px;}
/* ---------------------------------------------------------------------------- */
/* Horizontal form styling ---------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.horizontal_form {font: 12px "Roboto Condensed",sans-serif;letter-spacing:1px;}
.horizontal_form fieldset{border:1px solid #fff;margin:10px 0px;padding:10px 20px 10px 20px;-moz-border-radius:10px;-webkit-border-radius: 10px;border-radius:10px;}
.horizontal_form fieldset.fieldsetbuttons {padding:10px 10px 10px 20px;}
.horizontal_form fieldset.fieldsetbuttons div {text-align:right;}
.horizontal_form legend {color:#666;  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);margin:0px;border:1px solid #888;padding:3px 6px;background:#eee url(../images/notjustagrid/misc/transoverlay-matte.png) repeat-x;-moz-border-radius:5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px; border-radius:5px;text-transform:uppercase; letter-spacing:1px; -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3); 	-moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);-o-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);-ms-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);		box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);}
.horizontal_form label {float:left;margin:0px 5px 0px 0px; width:100px; text-align:right; line-height:25px;height:25px;}
.horizontal_form ul {margin:0px; padding:0px;}
.horizontal_form li {list-style:none; vertical-align:middle; margin:10px 0px;clear:left;}
.horizontal_form div.form_input_notes {font-size:12px; display:inline;}
/* ---------------------------------------------------------------------------- */
/* Input field styling -------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.normalfield, .requiredfield {border: 1px solid #999;font-family: "Roboto Condensed",sans-serif; font-size:1.5em; font-weight:200;letter-spacing:1px;padding:3px 2px 3px 2px;}
.normalfield {background: #ffffff;}
.requiredfield {background: #fafad8;}
.fielderror {border: 1px solid #ff4444;background: #fee9eb;}
.fieldgood {background: #e0ffc7;}
.requiredfield:focus, .fielderror:focus, .normalfield:focus {border: 1px solid #000;	-webkit-box-shadow: 0px 0px 7px rgba(0, 144, 255, .5); 	-moz-box-shadow: 0px 0px 7px rgba(0, 144, 255, .5);		box-shadow: 0px 0px 7px rgba(0, 144, 255, .5);}
.requiredfield:focus {background: #fafad8;}
.normalfield:focus {background: #e0ffc7;}
.fielderror:focus {border: 1px solid #ff4444;background: #fee9eb;}
.smallfield {font:10px;padding:2px 1px 2px 1px;}
.largefield {font:16px}
.normalfieldfooter {background: #bdcfe3 url(../images/notjustagrid/misc/formblueback.gif) repeat-x top left;border: 1px solid #222;margin-bottom:5px;padding:3px 2px 3px 2px; margin-right:5px;}

textarea {overflow:auto;}
/* ---------------------------------------------------------------------------- */
/* Styled Buttons ------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.styled_button, .styled_button:visited {background: #222 url(../images/notjustagrid/misc/transoverlay-matte.png) repeat-x;font: bold 12px "Roboto Condensed",sans-serif;text-transform:uppercase;text-decoration: none;line-height:30px;letter-spacing:1px;color: #fff;padding: 0px 10px 0px 10px;margin:0px 3px;height:30px;border: 1px solid rgba(0,0,0,0.3);border-top: 1px solid rgba(0,0,0,0.2);border-left: 1px solid rgba(0,0,0,0.2);-moz-border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius:5px;-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.4);-o-box-shadow: 0 1px 5px rgba(0,0,0,0.4);box-shadow: 0 1px 5px rgba(0,0,0,0.4);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);position: relative;cursor: pointer;}
.styled_button:disabled {background:#888; opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);zoom:1;}
.a.styled_button, a.styled_button:visited {color:#fff;height:30px;line-height:30px;padding:5px 10px; }
a.styled_button:hover, a.styled_button:active {color:#fff;white-space:nowrap;}

.refresh_button.styled_button:after,.goforward_button.styled_button:after, .cancel_button.styled_button:after, .confirm_button.styled_button:after, .question_button.styled_button:after, .delete_button.styled_button:after, .edit_button.styled_button:after, .view_button.styled_button:after  {position:absolute;padding-top:7px;right:5px;}
.refresh_button.styled_button, .goforward_button.styled_button, .cancel_button.styled_button, .confirm_button.styled_button, .question_button.styled_button, .delete_button.styled_button, .edit_button.styled_button, .view_button.styled_button {padding-right:25px;}

.goback_button.styled_button:before  {position:absolute;padding-top:7px;left:5px;}
.goback_button.styled_button {padding-left:25px;}
.goback_button.styled_button:before {content: url(../images/notjustagrid/icons/icon-arrow_left.png);}

.goforward_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-arrow_right.png);}
.refresh_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-arrow_refresh.png);}
.cancel_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-cancel.png);}
.confirm_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-success.png);}
.question_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-question.png);}
.delete_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-delete.png);}
.edit_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-edit.png);}
.view_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-view.png);}
.green.styled_button {background-color:#afc243;}
.red.styled_button {background-color: #e33100;}
.blue.styled_button {background-color:#6c93b3;}
.grey.styled_button {background-color:#ddd; color:#666;	text-shadow: 0 1px 1px rgba(255,255,255,0.8);}
.green.styled_button:hover {background-color:#98a83a;}
.red.styled_button:hover {background-color: #bf2900;}
.blue.styled_button:hover {background-color:#5c7d98;}
.grey.styled_button:hover {background-color:#ccc;color:#666; text-shadow: 0 1px 1px rgba(255,255,255,0.8);}

.footerstyled_button , .footerstyled_button:visited{background: #1a3a5f url(../images/notjustagrid/misc/footerbuttonback.gif) repeat-x;font-size:14px;font-family: "Roboto Condensed",sans-serif; font-weight:400; text-decoration: none;line-height:30px;letter-spacing:1px;color: #fff;padding: 0px 10px 0px 10px;margin:0px 3px;height:30px;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px;box-shadow: 0 1px 5px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);position: relative;cursor: pointer;}


.flatstyled_button, .flatstyled_button:visited {background: #222 url(../images/notjustagrid/misc/transoverlay-matte-light.png) repeat-x;font-size:12px;font-family: "Roboto Condensed",sans-serif; font-weight:400;text-decoration: none;line-height:30px;letter-spacing:1px;color: #fff;padding: 0px 10px 0px 10px;margin:0px 3px;height:30px;-moz-border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius:5px;position: relative;cursor: pointer;}
.flatstyled_button:disabled {background:#888; opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);zoom:1;}

.refresh_button.flatstyled_button:after,.goforward_button.flatstyled_button:after, .cancel_button.flatstyled_button:after, .confirm_button.flatstyled_button:after, .question_button.flatstyled_button:after, .delete_button.flatstyled_button:after, .edit_button.flatstyled_button:after, .view_button.flatstyled_button:after  {position:absolute;padding-top:7px;right:5px;}
.refresh_button.flatstyled_button, .goforward_button.flatstyled_button, .cancel_button.flatstyled_button, .confirm_button.flatstyled_button, .question_button.flatstyled_button, .delete_button.flatstyled_button, .flatstyled_button.styled_button, .view_button.flatstyled_button {padding-right:25px;}


.goback_button.flatstyled_button:before  {position:absolute;padding-top:7px;left:5px;}
.goback_button.flatstyled_button {padding-left:25px;}
.goback_button.flatstyled_button:before {content: url(../images/notjustagrid/icons/icon-arrow_left.png);}

.goforward_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-arrow_right.png);}
.refresh_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-arrow_refresh.png);}
.cancel_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-cancel.png);}
.confirm_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-success.png);}
.question_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-question.png);}
.delete_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-delete.png);}
.edit_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-edit.png);}
.view_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-view.png);}

.orchardgreen.flatstyled_button {background-color:#45852b; box-shadow:inset 0px -2px 0px rgba(0,0,0,0.25)}

.nephritis.flatstyled_button {background-color:#2ecc71; box-shadow:inset 0px -2px 0px rgba(0,0,0,0.25)}
.pomegranate.flatstyled_button {background-color: #e74c3c; box-shadow:inset 0px -2px 0px  rgba(0,0,0,0.25)}
.newmarketgreen.flatstyled_button {background-color:#27ae60; box-shadow:inset 0px -2px 0px  rgba(0,0,0,0.25)}
.midnightblue.flatstyled_button {background-color:#34495e; box-shadow:inset 0px -2px 0px  rgba(0,0,0,0.25)}
.asbestos.flatstyled_button {background-color:#95a5a6; color:#666; box-shadow:inset 0px -2px 0px  rgba(0,0,0,0.25)	text-shadow: 0 1px 1px rgba(255,255,255,0.8);}
.lightasbestos.flatstyled_button {background-color:#465a6f; color:#fff; box-shadow:inset 0px -2px 0px  rgba(0,0,0,0.25)	}

.nephritis.flatstyled_button:hover {background-color:#27ae60; box-shadow: inset 0px 3px 0px 0 rgba(0,0,0,0.15);}
.pomegranate.flatstyled_button:hover {background-color: #c0392b; box-shadow: inset 0px 3px 0px 0 rgba(0,0,0,0.15);}
.midnightblue.flatstyled_button:hover {background-color:#2c3e50; box-shadow: inset 0px 3px 0px 0 rgba(0,0,0,0.15);}
.newmarketgreen.flatstyled_button:hover {background-color:#19904b; box-shadow: inset 0px 3px 0px 0 rgba(0,0,0,0.15);}
.asbestos.flatstyled_button:hover {background-color:#7f8c8d;color:#666;box-shadow: inset 0px 3px 0px 0 rgba(0,0,0,0.15);}
.lightasbestos.flatstyled_button:hover {background-color:#3a4b5e;color:#fff; box-shadow: inset 0px 3px 0px 0 rgba(0,0,0,0.15); text-shadow: 0 1px 1px rgba(255,255,255,0.8); }

.flatstyled_button.large {font-size:22px;height:40px; line-height:40px;font-weight:200;text-shadow:0px 2px 0px rgba(0,0,0,0.25),0px 1px 0px rgba(0,0,0,0.25);}
.flatstyled_button.medium {font-size:14px;height:30px; line-height:30px;font-weight:200;text-shadow:0px 2px 0px rgba(0,0,0,0.25),0px 1px 0px rgba(0,0,0,0.25);}

/* ---------------------------------------------------------------------------- */
/* Styled Forms --------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */


form.styled {
	color:#000;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	margin:0px;
	padding:0px;
}
form.styled fieldset {
	border:1px solid #888888;
	margin-bottom:10px;
	padding:0px;
	display:block;
}
form.styled fieldset div {
	background-color:#eeeeee;
	padding:10px 0px 10px 19px;
	margin:0px;
}

form.styled legend {
	color:#000;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	background:#eeeeee;
	border:1px solid #888888;
	margin: 0px 0px 0px 10px;
	padding:3px 10px 3px 10px;
	text-transform:uppercase;
}

form.styled label {
	padding:0px;
	text-align:right;
	color:#000000;
}
form.styled input {
	padding:0px; 
	margin-bottom:0px;
}
form.styled input.submit {
	padding:4px 10px 4px 10px; 
	margin-bottom:0px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
form.styled input.reset {
	padding:4px 10px 4px 10px; 
	margin-bottom:0px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
form.styled br {
	clear:left;
}

form.styled p {
	clear:left;
	padding:0px;
	margin:0px;
}
form.styled th {
	text-align:right;
	padding:3px;
}
form.styled td {
	padding:3px;
}
form.styled td.centered {
	text-align:center;
}
button.submit {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	background-color:#c13a2c;
	padding:5px 10px;
	margin:3px;
	border:1px solid #ec4a39;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

button.submit:hover {
	background-color:#f8cbc6;
	border:1px solid #c13a2c;
	color:#c13a2c;
}


/* Not Just a Grid v1.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
table.plain {color:#000;font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:2px;border-spacing:1px;border-collapse:collapse;}
table.plain caption {font-weight: bold;font-style:italic;text-transform:uppercase;letter-spacing:3px;text-align:right;margin:0px 10px 0px 0px;padding:0px;color:#444;caption-side: bottom;}
table.plain td, table.plain th {padding:4px 6px 4px 6px;border:1px solid #bbb;}
table.plain thead {color:#444;font-size:12px;font-weight:bold;text-transform:uppercase;text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
table.plain thead th, table.plain thead td {padding:6px;}
table.plain thead tr {background:#eee url(../images/notjustagrid/misc/transoverlay-mattesoft.png) repeat-x;}
table.plain tfoot tr {background:#eee url(../images/notjustagrid/misc/transoverlay-mattesoft.png) repeat-x;}
table.plain tfoot {font-size: 10px;}
table.plain tbody tr th {text-align:right;font-weight:bold;background:#eee url(../images/notjustagrid/misc/greycorner-even.gif) top left no-repeat;}
table.datalist {color:#000;font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:2px;border-spacing:1px;border-collapse:collapse;}
table.datalist caption {font-weight: bold;font-style:italic;text-transform:uppercase;letter-spacing:3px;text-align:right;margin:0px 10px 0px 0px;padding:0px;color:#444;caption-side: bottom;}
table.datalist td, table.datalist th {padding:4px 6px 4px 6px;border:1px solid #bbb;}
table.datalist thead {color:#444;font-size:12px;font-weight:bold;text-transform:uppercase;text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
table.datalist thead th,table.datalist thead td  {padding:6px;}
table.datalist thead tr {background:#eee url(../images/notjustagrid/misc/transoverlay-matte.png) repeat-x;}
table.datalist tfoot tr {background:#eee url(../images/notjustagrid/misc/transoverlay-matte.png) repeat-x;}
table.datalist tfoot td, table.datalist tfoot th {font-size: 10px;}
table.datalist tbody tr th {text-align:right;background:url(../images/notjustagrid/misc/greycorner-even.gif) top left no-repeat; /* Background image for browser which don't support nth-child */}
table.datalist tbody tr:hover {background-color:#dcdcdc;} /* Hover colour for Internet Explorer and other browsers which don't support nth-child */
table.datalist tbody tr:nth-child(odd) {background-color:#e6e6e6;}
table.datalist tbody tr:nth-child(even) {background-color:#eee;}
table.datalist tbody tr:nth-child(odd):hover {background-color:#dcdcdc;}
table.datalist tbody tr:nth-child(even):hover {background-color:#d5d5d5;}
table.datalist tbody tr:nth-child(odd) th {background:url(../images/notjustagrid/misc/colourcorner-even.gif) top left no-repeat;}
table.datalist tbody tr:nth-child(even) th {background:url(../images/notjustagrid/misc/colourcorner-odd.gif) top left no-repeat;}


/* Not Just a Grid v1.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
.text_center {text-align:center;}
.text_right {text-align:right;}
.allcaps{text-transform:uppercase;}
.obj_right{float:right;}
.obj_left{float:left;}
.top_margin_10 {margin-top:10px;}
.top_margin_20 {margin-top:20px;}
.bottom_margin_10 {margin-bottom:10px;}
.bottom_margin_20 {margin-bottom:20px;}
.left_margin_10 {margin-left:10px;}
.left_margin_20 {margin-left:20px;}
.right_margin_10 {margin-right:10px;}
.right_margin_20 {margin-right:20px;}
.vpad_10 {padding:10px 0px;}
.vpad_20 {padding:20px 0px;}
.bg_lightgrey {background-color:#ddd}
.bg_mediumgrey {background-color:#aaa}
.bg_lightblue {background-color:#b0c4de}
.bg_mediumblue {background-color:#7e9ec7}
.bg_yellowgreen {background-color:#adff2f}
.bg_greenyellow {background-color:#9acd32}
.round_5 {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.round_10 {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.round_15 {-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.round_20 {-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.blackborder {border:1px solid black;}
.blackborder_dotted {border:1px dotted black;}
.blackborder_inner {-moz-box-shadow:inset 0 0 0 1px #000; -webkit-box-shadow:inset 0 0 0 1px #000; box-shadow:inset 0 0 0 1px #000;}
.hiddentext {text-indent:-10000px;}
.shadow_out_0{-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.shadow_out_2{-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);}
.shadow_out_4{-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);}
.shadow_in_0{-moz-box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.5); box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.5);}
.shadow_in_2{-moz-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.5); box-shadow:inset 0 2px 8px rgba(0, 0, 0, 0.5);}
.shadow_in_4{-moz-box-shadow:inset 0 4px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0 4px 8px rgba(0, 0, 0, 0.5); box-shadow:inset 0 4px 8px rgba(0, 0, 0, 0.5);}
.pad10 {padding:10px;}
.pad20 {padding:20px;}
.rel {position:relative;}
.abs {position:absolute;}
.block {display:block;}
.inline{display:inline;}
.nooverflow {overflow:hidden;}
.clear {clear:both;}
.nomargin{margin:0px;}
.fullwidth{width:100%;}
.borderbox {box-sizing:border-box;}
.dontdisplay {display:none;}
.display {display:block;}
.responsiveimage{width:100%;}

/* Not Just a Grid v1.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
/* ---------------------------------------------------------------------------- */
/* Filetype hint icons -------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
a[href ^='mailto:'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-email-tiny.png) no-repeat right top;}
a[href $='.pdf'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-pdf-tiny.png) no-repeat right top;}
a[href $='.xls'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-excel-tiny.png) no-repeat right top;}
a[href $='.ppt'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-powerpoint-tiny.png) no-repeat right top;}
a[href $='.doc'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-word-tiny.png) no-repeat right top;}
a[href $='.rtf'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-document-tiny.png) no-repeat right top;}
a[href $='.txt'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-document-tiny.png) no-repeat right top;}
a[href $='.wmv'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;}
a[href $='.mov'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;}
a[href $='.avi'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;}
a[href $='.mpg'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;}
a[href $='.swf'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;}
a[href $='.flv'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;}
a[href $='.f4v'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat right top;}
a[href $='.rss'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-rss-tiny.png) no-repeat right top;}
a[href $='.rm'] {padding-right: 10px;background: transparent url(../images/notjustagrid/icons/icon-video-tiny.png) no-repeat  right top;}
/* ---------------------------------------------------------------------------- */
/* error boxes ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.warning, .error, .success, .question {padding:5px 15px 5px 70px;background-repeat:no-repeat;background-position:10px center;-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, .3); box-shadow: 0px 2px 6px rgba(0, 0, 0, .3);margin:20px;text-align:left;position:relative;}
.warning {border:1px solid #d18819; border-left-width:5px;background-image: url(../images/notjustagrid/icons/icon-warning-large.png);background-color:#fff;color:#660000;}
.error {border:1px solid #b04242;border-left-width:5px;background-image: url(../images/notjustagrid/icons/icon-error-large.png);background-color:#fff;color:#660000;}
.success {border:1px solid #459a2a;border-left-width:5px;background-image: url(../images/notjustagrid/icons/icon-success-large.png);background-color:#fff;color:#2a4f0b;}
.question {border:1px solid #637ec1;border-left-width:5px;background-image: url(../images/notjustagrid/icons/icon-question-large.png);background-color:#fff;color:#2e52aa;}
.warning div, .error div, .success div, .question div {border:10px solid transparent;height:0px;width:0px;position:absolute;bottom:-25px;left:75px;}
.warning div {border-top:15px solid #d18819;}
.error div {border-top:15px solid #b04242;}
.success div {border-top:15px solid #459a2a;}
.question div {border-top:15px solid #637ec1;}
/* ---------------------------------------------------------------------------- */
/* Pagination styles ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
div.pagescontainer {padding: 3px;margin: 3px;text-align:right;color:#eee;}
div.pagescontainer a, div.pagescontainer span.ghost, div.pagescontainer span.current {width:30px; height:30px; line-height:30px;font-size:1.25em;text-transform:uppercase;text-decoration: none;letter-spacing:0px;color: #444;padding: 3px 8px 3px 8px;margin:2px;text-align:center;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);-moz-border-radius:2px;-webkit-border-radius: 2px;border-radius:2px;-moz-box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);background:#fff ;}
div.pagescontainer a:hover, div.pagescontainer a:active {background-color:#326338;color: #fff !important;}
div.pagescontainer span.ghost {	border-bottom: 1px solid rgba(0,0,0,0.1);background-color:#fff;color:#ccc; box-shadow: 0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
div.pagescontainer span.current {background-color: #aaa;color: #fff;}



.objectfull {width:940px;}
.objecthalf {width:460px;}
.objectthreequarter {width:700px;}
.objectquarter {width:220px;}
.objectthird {width:300px;}
.objecttwothird {width:620px;}
.objectfifth {width:172px;}
.objecttwofifth {width:364px;}
.objectthreefifth {width:556px;}
.objectfourfifth {width:748px;}
.objectsixth {width:140px;}
.objectfivesixth {width:780px;}
.objectfirst {margin-left:0px;}
.objectlast {margin-right:0px;}