/* -----------------------------------------------------------------------


 Blueprint CSS Framework 1.0
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html {margin:0;padding:0;border:0;background-color:white;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111; text-transform:capitalize;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;/*margin-bottom:0.75em;*/} /* BB - removes margin bottom */
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {/*margin-bottom:1.4em;*/width:100%;} /* BB - removes bottom margin */
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}	

/* forms.css */
label {font-weight:bold; text-transform:capitalize;}
label.purpose {font-weight: normal; color: #000;}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
input[type=button]:focus { border-color: #b0b0b0; }
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select, td div input[type=text], td div input[type=password], td div textarea, td div select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;text-transform:capitalize;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
/*
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}
*/

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, .span-1, .span-2, .span-3, .span-3-1, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-2-1 {width:80px;}
.span-3 {width:110px;}
.span-3-1 {width:148px;}
.span-3-2 {width:120px;}
.span-4 {width:150px;}
.span-4-1 {width:165px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}
.shift {margin-left: 72px;width: 258px;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width:18px;}
input.span-2, textarea.span-2 {width:58px;}
input.span-3, textarea.span-3 {width:98px;}
input.span-4, textarea.span-4 {width:138px;}
input.span-5, textarea.span-5 {width:178px;}
input.span-6, textarea.span-6 {width:218px;}
input.span-7, textarea.span-7 {width:258px;}
input.span-8, textarea.span-8 {width:298px;}
input.span-9, textarea.span-9 {width:338px;}
input.span-10, textarea.span-10 {width:378px;}
input.span-11, textarea.span-11 {width:418px;}
input.span-12, textarea.span-12 {width:458px;}
input.span-13, textarea.span-13 {width:498px;}
input.span-14, textarea.span-14 {width:538px;}
input.span-15, textarea.span-15 {width:578px;}
input.span-16, textarea.span-16 {width:618px;}
input.span-17, textarea.span-17 {width:658px;}
input.span-18, textarea.span-18 {width:698px;}
input.span-19, textarea.span-19 {width:738px;}
input.span-20, textarea.span-20 {width:778px;}
input.span-21, textarea.span-21 {width:818px;}
input.span-22, textarea.span-22 {width:858px;}
input.span-23, textarea.span-23 {width:898px;}
input.span-24, textarea.span-24 {width:938px;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;}
div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}



.link{color:#06c;text-decoration:underline;cursor:pointer;}
.link:hover {color:#09f;text-decoration:underline;cursor:pointer;}



/*--- Blueberry CSS Start ---*/


body, html {background-color:white}

/* Set font style and size */                             
body, input, label, td, th, div, span, textarea, a, button, select, legend 
{
font-size: 12px;
font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
}

/* Labels */
label, table td div label {float:left;width:150px;margin-right:8px;vertical-align:1px;color:#606060;*vertical-align:0.4em;padding-top:0.7em;}
    



input[type=checkbox], input[type=radio], td div input[type=checkbox], td div input[type=radio] {margin-left:2px;height:2.5em;*height:2.8em}



/* IE 6,7, so we don't need to specify cellpadding and cellspacing, and make the html invalid  */
table { *border-collapse: expression('separate', cellSpacing = '0px');}  
td, th {padding:0px}

/* undo the striping effect Blueprint adds */
tbody tr:nth-child(2n) td, tbody tr.even td {background-color:transparent} 

br {clear:both}
hr {margin:1em 0 1em 0}

fieldset {border:0px}

/* Headings */
legend, h3 {display:block;/*width:100%;*/padding-left:4px;background-color:#e0e8ff;line-height:1.5em;font-size:1.2em;font-weight:bold;margin:0px}
h4 {font-size:1.1em;font-weight:bold;border-bottom:#e0e0e0 1px solid;margin-top:8px;padding-bottom:5px}
/* Page headings, and sub parts of the heading */ 
h2 span {color:#808080;font-size:0.75em}
h2 span a {font-size:100%}
h2 span span {padding-left:20px}

/* The page description text that goes under the header */ 
.bb-pagedescription {display:block;}

/* Some form classes to tidy up various things */
/* bit faint in FF otherwise */
select {border-color:#b0b0b0;padding:2px;vertical-align:1px}

/* needed for the jquery plugin that creates default text in the search field */  
.watermark {color:#909090}

/* Set the default width and padding for text inputs */
input[type=text], input[type=password] {padding:3px;vertical-align:1px;width:250px;} 

/* increase the line height for text fields a little, to make more room for the facebook style 'required'
  labels */
input[type=text], input[type=password], select, textarea {margin-bottom:0.8em}

/* disabled fields */
/* Should use 'tempdisabled' and 'permdisabled' classes now. */                                                         
label.disabled {color:#909090}
input[type=text].disabled-perm, input[type=password].disabled-perm, input[type=text].tempdisabled, input[type=password].tempdisabled 
{
	background-color:#f8f8f8;
	color:#606060
}
input[type=text].disabled-temp, input[type=password].disabled-temp, input[type=text].permdisabled, input[type=password].permdisabled  
{
	color:#404040;
	border:none;
	background-color:transparent;
	margin-top:0.6em
}

/* Highlight the field with focus */
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {background-color:#fff8f4}

/* Normally checkboxes, radios and their labels create lines in a form not as tall as the text fields, so it looks a bit cramped and uneven. 
Classes below make them have more vertical space. */
/*.bb-selectorlabel {line-height:2.3em;vertical-align:0.6em;*vertical-align:0.4em;text-transform:none;}*/

/* container class below can contain a group of radios or checkboxes, so you can have a main label left, and the group aligned ok, all vertical, with individual labels, 
spaced ok, to the right - see sample page */
/*.bb-selectorcontainer {float:left;padding-top:0.3em;*padding-top:0.4em}
	.bb-selectorcontainer input[type=radio], 
	.bb-selectorcontainer input[type=checkbox] {height:2.4em; float: left;} 
.bb-selectorcontainer label {vertical-align:0.5em;*vertical-align:0.2em}
*/

.bb-selectorcontainer {float:left;padding-top:0.3em;*padding-top:0.4em}
.bb-selectorcontainer input[type=radio], .bb-selectorcontainer input[type=checkbox] {height:1.8em} 
.bb-selectorcontainer label {float:none;/*line-height:2em;*/vertical-align:0.5em;font-weight:normal;color:#202020;*vertical-align:0.2em}

/* for Facebook style "(required)" and "(optional)" labels */    
.bb-required-sublabel {line-height:0.9em;float:left;margin-top:0.7em}
.bb-required-sublabel span {font-size:0.8em;color:#909090;font-weight:bold}
div.bb-required-sublabel label {float:none}
 
/* make the fieldset legend a little larger than normal text */
fieldset {border-left:0px;border-right:0px;border-bottom:0px;border-top:#d0d0d0 1px solid;padding:1em 0 0 0;margin:0 0 2em 0}

/* Create the right spacing for links or spans in forms */
.form-link, .form-text {line-height:2.8em;margin-right:10px;*line-height:2.7em} 
.form-text {color:#404040}

/* To make button and input-submit look similar and ok across browsers */
button, input[type=submit] {height:2.3em;padding-bottom:1px;padding-left:10px;padding-right:10px;}

td label {padding-top:0px;margin-right:0px}
td input[type=text], td input[type=password], td select {margin-bottom:0.3em;margin-top:0.3em} 
table td label {float:none}

/* some classes to set padding, margins etc. */            
.padder {padding:20px}
.padder-small {padding:8px}
.padder-10 {padding:10px}
.borders-all {border:#e0e0e0 1px solid}

.indent {margin-left:0px}

.margin-topbottom {margin: 20px 0px 20px 0px}
.margin-leftright {margin:0px 20px 0px 20px}
.margin-bottom-small {margin-bottom:10px}

.margin-mid {margin:20px}
.margin-small {margin:8px}

.underline {border-bottom:#d0d0d0 1px solid}
.borders-side, .sideborders {border-left:#d0d0d0 1px solid;border-right:#d0d0d0 1px solid}
.no-border {border:none;outline:none}
            
.vert-spacer-small {height:0.5em}
.horz-spacer {display:inline;padding-left:30px}
.horz-spacer2 {display:inline;padding-left:5px}

.centered {margin-left:auto;margin-right:auto}

.bottom-right {position:absolute;bottom:0px;right:0px}
.top-right {position:absolute;top:0px;right:0px}
.bottom-left {position:absolute;bottom:0px;left:0px}
.top-left {position:absolute;top:0px;left:0px}
    
/* align labels with text fields ok when we use fixed width labels */                       
.bb-align-fixedlabel {padding-top:0.7em}
.bb-align-fixedlabel-shift {padding-top:0.7em;padding-left:42px;}        


/* Header */
.bb-header {position:relative;background-color:#005376;color:white}
.bb-header a {color:white}
.bb-header label {color:white;font-weight:normal}
.bb-header table {margin:0px;}
.bb-header td {margin:0px;padding:0px}
.bb-header .right {text-align:right;}
.bb-header .left img {vertical-align:middle}
.bb-header .title {font-size:2em;vertical-align:middle}
.search { display: block; }
.bb-header .search input[type=submit] {height:2.2em}
.bb-header .search input[type=text] {margin:0px;border:#404040 1px solid;vertical-align:0px}
.bb-header .userprofile a {margin-left:4px;margin-right:4px}
.bb-header .header-version {color:#c0d0d8;font-size:8pt}
label.header-version {font-size:8pt}

.menu-bottom {padding-bottom:0px}

/* layout for 240px right fixed column */
.bb-content-240pxright {overflow:hidden}
.bb-content-240pxright .bb-rightcolumn {float:right;width:240px}
.bb-content-240pxright .bb-maincontent {float:left;margin-right:-240px;width:100%}
.bb-content-240pxright .bb-maincontent .content {margin-right:240px}



/* Footer */


.bb-footer {background-color:#404040;color:white;height:38px;line-height:38px;color:#909090;overflow:visible;width:100%}
.bb-footer .links {float:left;margin-left:20px;}
.bb-footer a {color:#c7c7c7;padding-right:12px;text-decoration:none;}
.bb-footer a:hover {color:white;text-decoration:underline}
.bb-footer .copyright {float:right;margin-right:20px;}


/* Error message */
.error {
	background-color:#FFEBE8;
	border:#DD3C10 1px solid;
	margin:0px 0px 0px 7px;
	padding:3px 6px;
	display:inline-block;
	/* for IE7 */
	zoom:1;
	*display:inline;
}
.error h1 {font-size:1.2em;font-weight:bold;}
label.error {float:none;padding:5px;} 

/* Alert */
.alert {
color:#e81515;
display:block;
font-size:11pt;
margin:5px 0px;
}


/* menus - layout - the properties that make sure everything is displayed in the right place */
.menu {
width: 100%;
overflow:visible;
}

.menu ul {
list-style: none;
}

.menu a {
text-decoration:none;
display: block;
white-space: nowrap;
}

/* to enable easier keyboard control, show an underline when the user tabs to the link */
.menu ul li a:focus 
{
text-decoration:underline;
}

.menu li {
float:left;
position: relative;
}

.menu ul ul
{
position:absolute;
top:100%;
left:0;
*width:180px; 
}

.menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
overflow:hidden;
*width:180px; 
}

.menu ul li ul li a {display:block;}
.menu ul li ul li  {display:block;width:100%;}

div.menu ul ul,

div.menu ul li:hover ul ul,

div.menu ul ul li:hover ul ul

{display: none;}

div.menu ul li:hover ul,

div.menu ul ul li:hover ul,

div.menu ul ul ul li:hover ul

{display: inline;}
   
/* menus - dimensions, spacing */
.menu {height:31px;margin-top:0px;}
.menu a {line-height:30px;margin:0px;color:White;}
.menu li, .menu td {margin-right:7px; z-index:3000;}
.menu ul, .menu table {padding:0px;margin:0px 0px 0px 12px;}
.menu ul ul, .menu ul ul ul {margin:0px} 
.menu ul li a {padding-left:20px;padding-right:20px}
.menu ul li ul li a {margin:1px;padding-left:20px;padding-right:30px}
.menu ul ul, .menu ul ul ul, .menu table  {z-index:800;}  

/* menu - presentation */
.menu {
	background-color:#202020;
	background:url('../images/darkmenuback.gif');
	background-repeat:repeat-x;
	border-top:#202020 1px solid
}
.menu li a:hover 
{
	background-color:#003d57;
	position: relative;
}


/* menu - presentation of pop-out menus */
.menu ul ul {background-color:#003d57;border:#002e42 1px solid}
.menu ul li ul li a:hover {background-color:#005579;}
     
.menu ul ul ul, .menu ul ul {
	box-shadow: 0px 3px 8px #303030;
	-moz-box-shadow: 0px 3px 8px #303030;
	-webkit-box-shadow: 0px 3px 8px #303030;
}

.menu ul ul a.popout {
	background:url('images/rightarrow.gif');
	background-repeat:no-repeat;
	background-color:#003d57;
	background-position: 96% center
}



/* Buttons */
input.bb-button, button.bb-button, .jqibuttons button {
color:white;
background:url(../images/blue-grad.png);
height:2.2em;
padding:0px 10px 1px 10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:#002561 1px solid;
background-color:#12489e;
border-radius:3px;
margin-right:3px;

/* IE7 hacks */
*height:2.5em;
*line-height:2.2em;
*padding-bottom:0px;
} 

input.bb-button:hover, button.bb-button:hover, .jqibuttons button:hover 
{
	background-image:url('../images/blue-grad-hover.png')
} 

button.bb-button[disabled], input.bb-button[disabled], .jqibuttons button[disabled] 
{
	background:#f4f4f4;
	color:#909090;
	border-color:#909090;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-weight:normal
}



/* hint popup style */
/*****************************************************************/
.tip-bb, .tip-error {
	z-index:1002;
	text-align:left;
	text-transform: capitalize;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:6px 8px;
	min-width:50px;
	max-width:300px;
	color:#000;
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
	-moz-box-shadow: 3px 3px 5px #808080;
	-webkit-box-shadow: 3px 3px 5px #808080;
	box-shadow: 3px 3px 5px #808080;
}

.tip-error {
	background-color:#FFEBE8;
	border:#DD3C10 1px solid;
}

.tip-bb {
	background-color:#e7eeff;
	border:1px solid #9094b7;
	z-index: 10001000;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-arrow-top {
	margin-top:-6px;
	margin-left:-5px; /* approx. half the width to center it */
	top:0;
	left:50%;
	width:9px;
	height:6px;
}

.tip-arrow-right {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:0;
	top:50%;
	left:100%;
	width:6px;
	height:9px;
}

.tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:6px;
}

.tip-arrow-left {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:6px;
	height:9px;
}

.tip-bb .tip-arrow-top {
	background:url(../images/tip-bb_arrows.gif) no-repeat;
}

.tip-bb .tip-arrow-right {
	background:url(../images/tip-bb_arrows.gif) no-repeat -9px 0;
}

.tip-bb .tip-arrow-bottom {
	background:url(../images/tip-bb_arrows.gif) no-repeat -18px 0;
}

.tip-bb .tip-arrow-left {
	background:url(../images/tip-bb_arrows.gif) no-repeat -27px 0;
}


.tip-error .tip-arrow-top {
	background:url(../images/tip-error_arrows.gif) no-repeat;
}

.tip-error .tip-arrow-right {
	background:url(../images/tip-error_arrows.gif) no-repeat -9px 0;
}

.tip-error .tip-arrow-bottom {
	background:url(../images/tip-error_arrows.gif) no-repeat -18px 0;
}

.tip-error .tip-arrow-left {
	background:url(../images/tip-error_arrows.gif) no-repeat -27px 0;
}



/*****************************************************************/

/* Grid style */

/* style for the grid header */
.ui-widget-content .ui-state-default {
    background-image:none;
    background-color: #b0b0b0;
    color:black;
    border-color:#808080;
}

/* grid header - mouseover */
tr.ui-jqgrid-labels th.ui-state-hover {
    background-color:#c8c8c8;
}

/* make header a bit taller */
tr.ui-jqgrid-labels {
    height:26px
}

/* remove rounded corners to make it like the bbtable style */
.ui-corner-all, .ui-corner-bottom {
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}

/* border around entire grid */
div.ui-jqgrid {border-color:#909090;}                                          

/* if there is empty space, make it darker than items */
.ui-jqgrid .ui-jqgrid-bdiv {background-color:#f0f0f0;overflow-y:auto;/*overflow-y:scroll*/}  /*let  JS to fit content*/
                  
/* left align text in headers */
.ui-jqgrid .ui-jqgrid-htable th div {margin-left:4px}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {text-align:left}

/* give grid cells same padding, colours etc as used in bbtable style */                                 
.ui-jqgrid tr.jqgrow td {
    padding:4px 10px 4px 5px;
    background-color:#f8f8f8;
    border-color:#d0d0d0;
    white-space:normal;
}

/* grid cell - mouseover */
.ui-jqgrid-btable tr.ui-state-hover td {
    background-color:#f0f0f0;
}

/* make span.link and real links have same appearance in grid cells */
.ui-jqgrid-btable tr td .link {
	color:#0066cc;
}

/* up-down arrows for sorting in the header */
.ui-state-default .ui-icon, .ui-icon-seek-next, .ui-icon.seek-end, .ui-icon-seek-prev, .ui-icon-seek-first {
	background-image: url(../images/bbgrid-icons.png);
}

/* hover highlighting for paging controls */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url(../images/bbgrid-icons-hover.png);
}

.ui-widget-content .ui-state-hover {
        border: #e0e0e0 1px solid;
        background-image:none;
        background-color:#a0a0a0;
}

/* multi select grid checkboxes */
tr.jqgrow input[type=checkbox], tr.ui-jqgrid-labels input[type=checkbox] {
	height:auto;
	margin:0px;
	position:relative;
	top:2px;
}

/* adjust the size of the Go button in the paging controls */
table.ui-pg-table td input.bb-button {
	height:19px;
	padding: 0px 3px;
	font-size:8pt;
}

/* make links visibly disabled */
table.ui-jqgrid-btable tr td a[disabled], table.bbtable tr td a[disabled], table.style1 tr td a[disabled] {
	text-decoration:none;
	color:#808080;
	cursor:text
}


/* BBTable style */
table.style1, table.bbtable {
	border:#909090 1px solid;
	background-color:#f8f8f8
}

/* table header */
table.style1 th, table.bbtable th {
	color:#000000;
	background-color:#b0b0b0;
	font-weight:bold;
	border-left:#909090 1px solid
}

table.style1 th:first-child, table.bbtable th:first-child {
	border-left:0px
}
 
/* Cells */
table.style1 tr td, table.bbtable tr td {
	border-top:#d0d0d0 1px solid;
	border-left:#e0e0e0 1px solid
}

table.style1 tr td:first-child, table.bbtable tr td:first-child {
	border-left:0px
}

table.style1 tr:first-child td, table.bbtable tr:first-child {
	border-top:0px
}

table.style1 td, table.style1 th, table.bbtable td, table.bbtable th {
	padding:4px 10px 4px 5px
}

/* make checkboxes not as tall when in table */
table.bbtable tr td input[type=checkbox], table.style1 tr td input[type=checkbox] {
	height:auto;
	margin:0px;
	position:relative;
	top:2px;
}

/* make 'zebra' table rows */
table.bbtable tr:nth-child(even) td, table.style1 tr:nth-child(even) td,
.ui-jqgrid tr.jqgrow:nth-child(even) td
{background:#ffffff;}

/* give zebra rows in grids the mouseover highlighting */
.ui-jqgrid tr.ui-state-hover:nth-child(even) td
{background:#f0f0f0;}

/* Print form style */
table.style4, table.bbtable {
	border:#909090 1px solid;
	background-color:#ffffff
}

table.style4 td, table.style4 th, table.bbtable td, table.bbtable th {
	padding:4px 10px 4px 5px
}

/* Print form style */
table.style3, table.bbtable {
	border:#909090 1px solid;
	background-color:#ffffff
}

/* table header */
table.style3 th, table.bbtable th {
	color:#000000;
	background-color:#b0b0b0;
	font-weight:bold;
	border-left:#909090 1px solid
}

table.style3 th:first-child, table.bbtable th:first-child {
	border-left:0px
}
 
/* Cells */
table.style3 tr td, table.bbtable tr td {
	border-top:#d0d0d0 1px solid;
	border-left:#e0e0e0 1px solid
}

table.style3 tr td:first-child, table.bbtable tr td:first-child {
	border-left:0px
}

table.style3 tr:first-child td, table.bbtable tr:first-child {
	border-top:0px
}

table.style3 td, table.style3 th, table.bbtable td, table.bbtable th {
	padding:4px 10px 4px 5px
}

/* make checkboxes not as tall when in table */
table.bbtable tr td input[type=checkbox], table.style1 tr td input[type=checkbox] {
	height:auto;
	margin:0px;
	position:relative;
	top:2px;
}




/* DJF - adds input width classes to the below */
.label-20 label, .input-20 input[type=text] {width:20px} /* DJF */
.label-40 label, .input-40 input[type=text] {width:40px} /* DJF */
.label-80 label, .input-80 input[type=text] {width:80px}
.label-100 label, .input-100 input[type=text] {width:100px}
.label-110 label, .input-110 input[type=text] {width:110px}
.label-120 label, .input-120 input[type=text] {width:120px}
.label-150 label, .input-150 input[type=text] {width:150px}
.label-160 label, .input-160 input[type=text] {width:160px}
.label-170 label, .input-170 input[type=text] {width:170px}
.label-200 label, .input-200 input[type=text] {width:200px}
.label-210 label, .input-210 input[type=text] {width:210px}
.label-220 label, .input-220 input[type=text] {width:220px}
.label-230 label, .input-230 input[type=text] {width:230px}
.label-250 label, .input-250 input[type=text] {width:250px}
.label-auto label, .input-auto input[type=text], label.label-auto {width:auto;margin-right:15px;float:none} 


.gridpagerstyle table { margin: 0 0 0 0; padding: 0 0 0 0 }
.gridpagerstyle table tr { margin: 0 0 0 0; padding: 0 0 0 0 }
.gridpagerstyle table th { margin: 0 0 0 0; padding: 0 0 0 0 }
.gridpagerstyle table tr td { margin: 0 0 0 0; width: 100%; border-left: #f8f8f8; text-align: right; }




/* Background for impromptu popups */
.jqifade{
	position: absolute;
	background-color: #aaaaaa;
}

/* Basic box style for impromptu and blockui */
div.jqi, div.blockMsg {
	min-width: 400px;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 3px #909090;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* The 'x' in the top right of the popup for impromptu */
div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: 4px;
	width: 18px;
	cursor: default;
	color: #808080;
	font-weight: bold;
	text-align:center
}
div.jqi .jqiclose:hover {
	background-color:#c0c8f8;
	color:#505050;
}

/* Padding for the interior of simple messages, not dialogs, for impromptu */
div.jqi .jqimessage{
	padding:10px 20px;
}

/* Dialog titlebar for impromptu and blockui */
.jqimessage h3, .blockMsg h3
{
	-moz-border-radius:7px 7px 0px 0px;
        -webkit-border-radius:7px 7px 0px 0px;
	border-radius:7px 7px 0px 0px;
        line-height:28px;
        padding:0px 0px 0px 20px;
	text-align:left;
/* hacks for IE7 */	
*line-height:14px;
*padding-top:7px ;
*padding-bottom:7px;
}

/* Style for blockUI simple messages */
.blockMsg h1 {
	padding:20px 10px;
	font-size:14px;
	font-weight:bold;
	margin:0px;
}

/* Padding for dialog content, impromptu and blockUI */
.popup-content {padding:10px 20px;text-align:left}

/* Footer button area for impromptu and blockUI */
.jqibuttons, .popup-footer 
{
	padding:10px 20px;
	border-top:#d0d0d0 1px solid;
	text-align:left;
}
  
/* The bbdialog and bberror classes are passed to impromptu so we can style dialogs and error messages a bit differently from normal simple prompts */
div.bbdialog div.jqimessage {
	padding:0px;
	margin:0px;
}
div.bberror .jqimessage, .blockError {
	background:url(../images/error.png);
	background-position:20px 10px;
	background-repeat:no-repeat;
	background-color:#ffc0c0;
	padding-left:44px;
	padding-right:26px;
	-moz-border-radius:7px 7px 0px 0px;
	-webkit-border-radius:7px 7px 0px 0px;
	border-radius:7px 7px 0px 0px;
}
div.bbwarning .jqimessage, .blockWarning {
/*	background:url(../images/error.png);*/
/*	background-position:20px 10px;
	background-repeat:no-repeat;*/
	background-color:#fffedf;
	padding-left:26px;
	padding-right:26px;
	-moz-border-radius:7px 7px 0px 0px;
	-webkit-border-radius:7px 7px 0px 0px;
	border-radius:7px 7px 0px 0px;
}
div.bberror .jqiclose:hover {
	background-color:#f0a0a0;
	color:#505050;
}

.jqiwarning .jqi .jqibuttons{
	background-color: #BF5E26;
}


.bbgrid {
	float:left;
	margin-bottom:10px;
	top:5px;
	
}


/*--- Tabs --- */
.tabsheader
{
    display:block;
    overflow: auto;
    margin:0px;
    list-style:none;
    padding:0px;
}

.tabpanecontainer, .tabpane
{
    padding:15px;
    border:#d0d0d0 1px solid;
}

.tabsheader li 
{
	height: 2em;
	float: left;
	margin-right: 12px;
}
.tabsheader li.seltab
{
	background: url(../images/blackheader.gif);
	background-color: #000000;
	background-position: top right;
}

.tabsheader li
{
	background: url(../images/greyheader.gif);
	background-color: #F0F0F0;
	background-position: top right;
}

.tabsheader li A 
{
	padding-left: 12px;
	margin-right: 12px;
	text-decoration: none;
	line-height: 2em;
	display: block;
}

.tabsheader li.seltab A
{
	color: #FFFFFF;
	background: url(../images/blackheader.gif);
	background-color: #000000;
}

.tabsheader li A
{
	color: #505050;
	background: url(../images/greyheader.gif);
	background-color: #F0F0F0;
}
 
/* to enable easier keyboard control, show an underline when the user tabs to the link */
.tabsheader li a:focus 
{
	text-decoration:underline;
}

.tabsheader li.seltab a:focus
{
	text-decoration:none;
}


.popup{display:none;}






.vtg-note {background-color:#f4f4f4;margin-bottom:4px;padding:5px;}
#vtg-bb-maincontent {width:1000px;overflow:auto}
.vtg-h2-extra {font-size:1.2em;font-weight-normal}


div.ui-jqgrid-view table.ui-jqgrid-btable {border-style:none;border-top-style:none;border-collapse:separate; } 
div.ui-jqgrid-view table.ui-jqgrid-btable td {border-left-style:none } 
div.ui-jqgrid-view table.ui-jqgrid-htable {border-style:none;border-top-style:none;border-collapse:separate; } 
div.ui-jqgrid-view table.ui-jqgrid-btable th {border-left-style:none } 


.filterPanel {width:auto;padding:10px;margin-bottom:10px;border:#a5bbcc 1px solid;}


.ValidationSummary 
{
    display:none;
    background-color:#FFEBE8; 
	border:#DD3C10 1px solid;
	margin:0px 0px 0px 7px;
	padding:3px 6px;
	/* for IE7 */
	zoom:1;
}

.parameterTextValueRed { color: Red; }