body
{
  /* Make it possible to fit into exactly 1024x768 */
  margin: 20px 0px 0px 20px;
  text-align: center;
  background-color: #f4f4f0;
}

body.simple
{
  background-color: #fff;
  margin: 20px;
}


.empty-mandatory
{
  background-image: url(../../pics/mandatory.gif);
  background-repeat: no-repeat;
  background-position: center right;
  border: 1px solid #7F9DB9;
  padding: 1px 3px 3px 1px;
}

html>body .empty-mandatory
{
  padding: 1px 1px 3px 1px;
}

img 
{
  border: 0px;
}

a img 
{
  border: 0px;
}

hr 
{
  color: #000;
  height: 1px;
}

.default hr
{
  color: #000;
}

table
{
  border-collapse: collapse;
  margin: 0px;
}

table,
table td
{
  padding: 0px;
  vertical-align: top;
}

td, th, div, span, input, p, select, textarea, button 
{
  font-size: 11px;
  font-family: verdana;
  color: #000000;
  font-weight: normal;  
}

th
{
  text-align: left;
}

td
{
  text-align: left;  
}

td.padding, th.padding
{
  padding: 5px;
}

input, select
{
  
}

input.button, input.submit, 
button
{  
}

button span.functionButtonText
{
  color: Black;  
}

input.readonly
{
  border: 1px solid #A0A0A0;  
  padding: 2px;
  background-color: #EBEBE4;
}

button.hidebutton
{
  background-color: Transparent;
  border: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

textarea
{
	overflow:auto;
}

a
{
	color: #000;
	font-family: Verdana;
  text-align: left;	
}

a:link, a:visited, a:active
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.default a 
{

}

h1 
{
	color: #000;
  font-family: Verdana;
  font-size: 12pt;
  border-bottom-color: #000;
  text-align: left;  
}

h2 
{
  color: #000;
  font-family: Verdana;
  font-size: 10pt; 
  margin-bottom: 2em; 
  text-align: left;
  text-align: left;  
}

h3 
{
  font-size: 9pt;
  font-weight: bold;  
  font-family: verdana;
  text-align: left;  
}
.default h1 {
  color: #3879AD;
  font-size: 12pt;
  font-family: Verdana;
  text-align: left;  
}

.default h2 {
  color: #000;
  font-family: Verdana;    
  font-size: 10pt;
  padding: 0px;
  margin: 0px 0px 1em 0px;  
}

p
{
  margin: 0px 0px 1em 0px;
}

ul.simple li
{
  list-style: none;
}

dl.indent
{
  padding-left: 2em;
}

dt
{
  font-weight: bold;
}

dd
{
  padding-bottom: 10px;
}

.cbx
{
  vertical-align: middle;
}

.TrueColor
{
  color: #003366;
  font-weight: bold;
  margin: 0px 4px 0px 4px;
}

.FalseColor
{
  color: Gray;
  margin: 0px 4px 0px 4px;
}

.grey
{ 
  color: Gray
}

.blueBg
{
  background-color: rgb(47, 100, 153)
}

.lightBlueBg
{
  background-color: rgb(111, 161, 211)
}

.greenBg
{
  background-color: rgb(116, 190, 66);
}

.lightYellowBg
{
  background-color: rgb(233, 196, 48);
}

.strong
{
  font-weight: bold
}

span.radio,
span.radio label,
span.radio input
{
  vertical-align: middle;
}

.clickable
{
  cursor: pointer;
  cursor: hand;
}

.warning,
.warning a
{
  color: red;
  font-weight: bold;
  vertical-align: top;
}

.warning a
{
}

.warning img
{
  padding-right: 5px;
}

.centercontent
{
  text-align: center;
  vertical-align: middle
}

div.centersite
{	
  padding: 30px 0px 15px 0px;
  text-align: left;
}

div.greyboxpopup
{
  padding: 30px 0px 15px 0px;  
  text-align: left;
  width: 95%;
}

.default div.centersite .innerdiv
{
  width: 540px;
}

div.centersite .innerdiv
{
  width: 760px;
}

/* Introtext */

div.introtext
{
  margin: 10px 10px 2em 3ex;
  padding: 0px 0px 0px 1ex;
  border: none;
  border-left: 2px solid #999;
  min-height: 30px;
}

/*div.introtext
{
  padding: 0px;
  margin-bottom: 15px;
}*/

.default div.introtext
{
  /*font-style: italic;*/
}

/*div.introtext
{
  padding: 10px;
  background-color: #e6e6e6;
  border-top: solid 1px #a0a0a0;
  border-bottom: solid 1px #a0a0a0;
}*/

/* Content, File, Folder, Image, Menu, Silo */
/* DEEPTREE PREVIEW/EDIT*/
td.deeptree,
iframe.deeptree,
iframe.info
{
  margin-top: 10px; 
  height: 400px; 
  width: 420px;
}

.ie7 iframe.info
{
  margin-top: 10px; 
  height: 400px; 
  width: 420px;
}

td.deeptree,
iframe.deeptree
{
  width: 300px;  
  border: 1px solid #000000;
  margin-right: 20px;
}

.deeptreemenu
{
  padding: 10px;
}

.deeptreemenu .menuItem,
.deeptreemenu .menuItem a,
.deeptreemenu .menuItem img 
{
  text-align: left;
  vertical-align: middle;  
  text-decoration: none;
}

.deeptreemenu .menuItemSelected 
{
  font-weight: bold;
}

.iframe .preview,
.iframe .preview p,
.iframe .preview div,
.iframe .preview span,
.iframe .preview td,
.iframe .preview input.text,
.iframe .preview select,
.iframe .edit,
.iframe .edit p,
.iframe .edit div,
.iframe .edit span,
.iframe .edit td,
.iframe .edit input.text,
.iframe .edit select
{
  padding-right: 10px;
  text-align: left;
}

.iframe .preview h1,
.iframe .edit h1
{  

}

.iframe .edit textarea
{
  height: 60px;
}

.iframe .preview table td label,
.iframe .edit table td label
{
  width: 100px;
}

.iframe .preview table td,
.iframe .edit table td
{
  vertical-align: top;
}

/* CBS - Controls*/

/* BreadCrumb */

.breadcrumb .current 
{
  color:#003366;
  padding:0px 4px;
}

.breadcrumb .parent 
{
  color: #999999;
  padding: 0px 4px;
}

/* ContentMenu */

table.contextmenu
{
  background-image: url('../../pics/contextmenu-gradient.gif');
  background-position: left;
  background-repeat: repeat-y;

  background-color: #FCFCFC;
  border: 1px solid #ACA899;
  padding-right: 10px;
}

html>body table.contextmenu
{
  margin-top: 7px;
}

table.contextmenu td.separator
{
  height: 1px;
}

table.contextmenu td.separator div
{
  margin: 0px;
  padding: 0px;
  margin-left: 26px;
  margin-right: 2px;
  line-height: 1px;
  height: 1px;
  width: auto;
  border-bottom: 1px solid #ACA899;
}

table.contextmenu tr td
{
  padding: 0px;
  margin: 0px;
}

table.contextmenu div
{
  margin: 2px;
  padding: 2px;
  line-height: 16px;
  
}

html>body table.contextmenu div
{
}

table.contextmenu div.hover
{
  background-color: #ffeec2;
  border: 1px solid #ACA899;
  padding: 1px;
}

table.contextmenu div table td.image
{
  width: 25px;
}

table.contextmenu div table 
{
  width: 100%;
}

table.contextmenu div.disabled
{
  color: Gray;
}

.contextmenuInvoker_hover
{
  background-color: #D6E7FF;
  cursor: pointer;
}

/* Form */

.form_frame
{
 margin: 0px 0px 1em 0px;
 line-height: 150%;
}

.form_frame div.head
{
  padding: 4px 4px;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  background-color: #BCD7EE;
  font-weight: bold;
}

.form_frame div.gridPageSizer span
{
  font-weight: bold;  
}

body.mypage .form_frame div.head
{
  background-color: #003366;
  color: #FFF;
}

.form_frame div.head *
{
  vertical-align: text-top;
}

.form_frame div.head img
{
  margin: 2px 6px 0px 0px;
  cursor: pointer;
  float: left;
}

.form_frame div.grid-head
{
  display: inline;
  line-height: 20px;
  padding: 4px 4px;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  border-right: solid 1px #999;
  background-color: #BCD7EE;
  font-weight: bold;
}

body.mypage .form_frame div.grid-head
{
  background-color: #003366;
  color: #FFF;
}

.form_frame div.body
{
  background-color: #F1F1F1;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}

.form_frame div.body h3 
{
  position: relative;
  left: -4px;
  margin-right: -4px;
  padding-left: 4px;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-bottom: 3px;
  border-bottom: 1px solid #999999
}

.form_frame div.grid
{
  padding: 0px;
  border-top: none;
}

.form_frame td
{
  padding: 2px 15px 2px 2px;
  vertical-align: middle;
}

.form_frame table.verticalAlign td
{
  vertical-align: top !important
}

.form_frame td.header
{
  padding: 4px 4px;
  border: none;
  border-bottom: solid 1px #999999;
  vertical-align: middle;
}

.form_frame td.center
{
  text-align: center;
}

.form_frame td.center
{
  text-align: center;
  padding-right: 0px;
}

.form_frame td.top,
.form_frame table.grid td.top,
.form_frame table.grid tr.top td
{
  vertical-align: top;  
}

.form_frame fieldset
{
}

.form_frame legend
{
  padding: 0px 1em 0px 1em;
  margin-bottom: 1ex;
  margin-top: 2ex;
}

.form_frame div.buttons
{
  background-color: #E1E1E1;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 1px 0px 1px 0px;
  text-align: right;  
}

.form_frame div.buttons *
{
	font-size:8pt;	
  vertical-align: middle;
  color: Black;
  margin-bottom: 1px;
	margin-left: 2px;
	margin-top: 1px;	
  padding:1px 3px 0px 0px;	
  overflow: visible;
	line-height: 12px;
	width: auto;}

.form_frame div.buttons table.footer
{
  width: 100%;
  margin: 0px;
}

.form_frame div.buttons td
{
  padding: 0px 6px 1px 0px;
}

.form_frame div.buttons .left
{
  float: left;
}

.form_frame div.buttons .right
{
  text-align: right;
}

.form_frame a:link, 
.form_frame a:visited, 
.form_frame a:active
{
  background-image: url(../../pics/arrow2-right.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 12px;
}

.form_frame .grid a:link, 
.form_frame .grid a:visited, 
.form_frame .grid a:active,
.form_frame a.nohl:link, 
.form_frame a.nohl:visited, 
.form_frame a.nohl:active,
.form_frame a.helpLink
{
  background-image: none;
  padding-right: 0px;
}

.form_frame .grid a.hl:link, 
.form_frame .grid a.hl:visited, 
.form_frame .grid a.hl:hover,
a.hl:link, 
a.hl:visited, 
a.hl:hover
{
  background-image: url(../../pics/arrow2-right.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding: 4px;
  padding-right: 12px;
}

.form_frame .grid a.hl:active,
a.hl:active
{
  background-color: #CCCCCC;
  text-decoration: underline;
  padding: 2px 12px 2px 2px;
}

.form_frame a.email:link, 
.form_frame a.email:visited, 
.form_frame a.email:active
{
  text-decoration: underline;
  background-image: none;
  padding-right: 0px;
}

button img
{
  vertical-align: middle;
  padding: 0px 4px;
}


.form_panel
{
  margin: 0px 0px 1em 0px;
  border: 1px solid #999;
  padding: 0px;
}

.form_panel noborders
{
  margin: 0px 0px 1em 0px;
  border: 1px solid #999;
  padding: 0px;
}

.form_panel div.head
{
  padding: 2px 2px;
  background-color: #BCD7EE;
  font-weight: bold;
  font-size: 90%;
  border: none;
  border-bottom: 1px solid #AAA;
}

.form_panel div.body
{
  border: none;
  border-top: 1px solid #BBB;
}

.form_panel div.body noborder
{
  border: none;
}

.form_panel div.grid
{
  padding: 0px;
  border: none;
}

.form_panel div.grid tr.header td
{
  border: none;
}

/* DataGrid */

.form_frame table.grid
{
  width: 100%;
  background-color: #F1F1F1;  
}

.form_frame table.grid.narrow
{
  width: auto;
}

.form_frame table.grid table
{
  width: 100%;
}

.form_frame table.grid tr.header td
{
  background-color: #BCD7EE;
  padding: 4px 4px;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999; 
  font-weight: bold;
}

.form_frame table.mainpage tr.header td
{
  background-color: transparent;
  padding: 4px 4px;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999; 
  font-weight: bold;
}

.form_frame table.grid tr.inlineHeader td
{
  padding: 0px 4px;
  border: none;
  font-weight: bold;
}

body.mypage .form_frame table.grid tr.header td
{
  background-color: #003366;
  color: #FFF;	
}

body.mypage .form_frame table.grid tr.header td a
{
	color: #FFF;	
}

.form_panel table.grid tr.header td
{
  border-top: none;
  padding: 2px 2px;
  font-size: 90%;
}

.form_frame table.grid tr.simpleheader
{
  background-color: #F1F1F1;
  padding: 4px 4px;
}

.form_frame table.grid tr.simpleheader td
{
  border: none;
  font-weight: normal;
}


.form_frame table.grid tr.header a, 
.form_frame table.grid tr.header a:link, 
.form_frame table.grid tr.header a:visited, 
.form_frame table.grid tr.header a:active
{
  text-decoration: underline;
  background: transparent;
  padding-right: 0px;
}

.default .form_frame table.grid .disabled
{
  color: #BBB;
}

.form_frame table.grid td
{
  padding: 4px 4px;
  border: none;
  border-top: solid 1px #DDD;
  vertical-align: middle;
}

.form_frame table.grid td.groupby
{
  font-weight: bold;
  color: Black;
  border-bottom: 1px solid #AEBCBC;
  border-top: 1px solid #AEBCBC;
  background-color: #E1E1E1;
}

.form_frame table.grid td.groupby td
{
  font-weight: bold;
  color: Black;
}

.form_frame table.grid td.center
{
  text-align: center;
  
}

.form_frame table.grid .gridSelectedRow td
{
  font-weight: bold;  
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.form_frame table.grid .gridSelectedRow td.lineno
{
  background-color: #777;
  color: #FFF;
}

.form_frame table.grid .gridCutRow td
{
  font-style: italic;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
}

.vertical-slider
{
  padding: 1px;
  background-color: #E1E1E1;
  border-top: 1px solid #999;
}

.vertical-slider img
{
  position: relative; /* Ensures better dragging cursor on Firefox */
  padding: 0px;
  margin: 0px;
  cursor: n-resize;
}

/* GridPager */

.form_frame .gridPager td
{
  border-bottom-width: 0px;
}

.form_frame .gridPager span
{
  font-style: italic;
}

.form_frame div.gridPager
{
  text-align: center;
  padding: 4px 0px 4px 0px;
  font-size: 120%;
  font-style: italic;
}

.form_frame div.gridPager a
{
  text-decoration: underline;
}

.form_frame div.gridPager input.pageinput
{
  font-size: 70%;
  width: 3em;
}

.form_frame div.gridPager button
{
  font-size: 70%;
  font-style: normal;
}

.form_frame div.gridPager img
{
  vertical-align: middle;
  height: 20px;
}


/* Auto complete */

.autoComplete
{
  border: 1px solid #7F9DB9; 
  padding: 0px;
  background-color: White;   
}

.autoComplete td.scrollbar
{
  vertical-align: middle;
  border-left: solid 1px #999999;
}

.autoComplete ul
{
  margin: 0px;
  padding: 0;
  list-style-type: none;
}

body.ie7 #marvinSuggestionDiv_iframe,
body.ie7 .autoComplete
{
	margin-left: 20px;
  margin-top: 0px;
}
	
#marvinSuggestionDiv_iframe,
.autoComplete
{
	margin-left: 0px;
  margin-top: 0px;
}

html>body #marvinSuggestionDiv_iframe,
html>body .autoComplete
{
	/*width: 250px !important;*/
	min-width: 250px;
	min-height: 120px;
	margin-left: 0px;
  margin-top: 0px;
  background-color: #FFF;
}

html.ie7>body #marvinSuggestionDiv_iframe,
html.ie7>body .autoComplete
{
	/*width: 250px !important;*/
	min-width: 250px;
	min-height: 120px;
	margin-left: 23px;
  margin-top: 20px;
  background-color: #FFF;
}

.autoComplete li
{ 
  white-space: nowrap;
  padding: 0px;
  cursor: hand;
  cursor: pointer;
}

.autoComplete li.selected
{
  background-color: #CDD2A8;
}

/* Message */

.form_frame .message_text
{
  background-color: #F6F6F6;
  border: solid 1px #999;
  margin-top: 10px;  
  /*margin-right: -162px;*/
  padding: 4px;
  height: 200px;
  overflow-y: scroll;
}

/* PageHeader */

.page_header h1
{
  color: #5b78a2;
  font-size: 12pt;
  border-bottom: 1px solid #5b78a2;
  margin: 0px;
}

.page_header h2,
.page_header h2 a
{
  font-size: 10pt;
  text-align: right;
  color: #5b78a2;
  padding: 0px;
  margin: 0px 0px 2em 0px;
}

.page_header h2,
.page_header h2 a,
.page_header h2 img
{
  vertical-align: middle;
}

/* ValidationSummary */
.ValidationSummary
{
  padding: 0px;
  border: 1px solid Red;
  margin: 10px 0px 10px 0px;
}

.ValidationSummary ul
{
  margin: 0px;
  padding: 5px;
  list-style-position: inside;
}

.ValidationSummary div.header
{
  color: Red;
  background-color: Transparent;
}

.ValidationSummary div.body
{
  color: Red;
  background-color: Transparent;
}

/* Tabs */

.tablist
{
  background-color: white;
  margin: 0px 0px 2em 0px;
}

.tablist table
{
  width: 100%;
  background-color: #FFF;
}

.tablist td
{
  text-align: center;
  padding: 1px;
}

.tablist td.padding
{
  width: 6px;
  border-bottom: 1px solid #999;
}

.tablist td.endPadding
{
  border-bottom: 1px solid #999;
}

.tablist td.active
{
  background-color: white;
  border: 1px solid #999;
  border-bottom: 1px solid #F1F1F1;
  padding: 1px;
}

.tablist td.active span
{
  text-align: center;
}

.tablist td.link
{
  background-color: #E1E1E1;
  border: 1px solid #999;
}

.tablist input
{
  background-color: Transparent;
  color: black;
  border: none;
  cursor: hand;
  cursor: pointer;
  padding: 1px
}

.tablist span
{
  white-space: nowrap;
}

/* Other */ 

.form_panel table.grid tr.header td
{
  border-top: none;
  padding: 2px 2px;
  font-size: 90%;
}

.form_frame table.grid tr.simpleheader
{
  background-color: #F1F1F1;
  padding: 4px 4px;
}

.form_frame table.grid tr.simpleheader td
{
  border: none;
  font-weight: normal;
}


.form_frame table.grid tr.header a, 
.form_frame table.grid tr.header a:link, 
.form_frame table.grid tr.header a:visited, 
.form_frame table.grid tr.header a:active
{
  text-decoration: underline;
  background: transparent;
  padding-right: 0px;
}

.form_frame table.grid td
{
  padding: 4px 4px;
  border: none;
  border-top: solid 1px #DDD;
  vertical-align: middle;
}

.default .form_frame table.grid td
{
  padding-right: 25px; 
}

.form_frame table.grid td.groupby
{
  font-weight: bold;
  color: Black;
  border-bottom: 1px solid #AEBCBC;
  border-top: 1px solid #AEBCBC;
  background-color: #E1E1E1;
}

.form_frame table.grid td.center
{
  text-align: center;
  
}

.form_frame table.grid .gridSelectedRow td
{
  font-weight: bold;  
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.form_frame table.grid .gridSelectedRow td.lineno
{
  background-color: #777;
  color: #FFF;
}

.form_frame table.grid .gridSelectedRowTop td
{
  font-weight: bold;  
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  vertical-align: top;
}

.form_frame table.grid .inactiveRow td,
.form_frame table.grid .inactiveRow a
{
  font-style:italic;  
  color:#777;
}


/* TableEditor */

.form_frame div.body div.table-editor div.pane
{
  padding: 0;
}

.form_frame div.body div.table-editor div.separator
{
  font-weight: bold;
  padding: 0px 0px 4px 2px;
}

.form_frame div.body div.table-editor div.buttons
{
  margin-bottom: 20px;
}

.form_frame div.help
{
  margin: 4px 20px 4px 20px;
  font-size: 80%;
  font-style: italic;
}

/* Styles for dragging rows (dragging via left-most cell with lineno in it) */

/* Top left cell of editor */
.form_frame div.table-editor td.headlineno
{
  border-right: 1px solid #999;
}

/* Any lineno cell */
.form_frame div.table-editor td.lineno
{
  width: 2em;
  text-align: center;
  background-color: #BCD7EE;
  font-family: Arial;
  cursor: move;
  border-right: 1px solid #999;
}

/* A lineno cell with mouse over it */
.form_frame div.table-editor tr.lineno-mouseover td.lineno
{
  background-color: #999;
}

/* The lineno cell that's being dragged from - the source */
.form_frame div.table-editor td.lineno-dragged
{
  background-color: #777;
}

/* Any cell in a row with mouse-over in a table where dragging is going on */
.form_frame div.table-editor table.lineno-dragged tr.lineno-mouseover td
{
  border-bottom: 1px dotted #000;
}

/* Only highlight header lineno cell on mouse-over when dragging */
.form_frame div.table-editor table.lineno-dragged tr.lineno-mouseover td.headlineno
{
  background-color: #999;
}
/* Highlight selected/cut row */
.form_frame table.grid .gridCutRow td
{
  font-style: italic;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
}

/* Popup */

.popupDiv
{
  background-color: #E1E1E1;
  border: solid 1px #999999;
  padding: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.popupDivBack
{
  background-color: #8D8D8D;
  filter: Alpha(Opacity=60);
  opacity: 0.60;
}

.popupDiv ul
{
  text-align: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.popupDiv ul li
{
  margin: 0;
  padding: 1px;
}

.popupDiv ul li a
{
  display: block;
  padding: 2px 2px;
  color: #000;
  text-decoration: none;
}

.popupDiv ul li a:link, 
.popupDiv ul li a:visited
{
  background-color: transparent;
  text-decoration: none;
  border: 1px solid #E1E1E1;
}

.popupDiv ul li a:hover,
.popupDiv ul li a:active
{
  background-color: #CCCCCC;
  text-decoration: none;
  border: 1px solid #999999;
}

#marvinLineNoContextMenu .popupDivBack
{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: -10;
}

/* Warning */

.redWarning,
div.buttons .redWarning
{
  font-weight:bold;
  color: Red;
}