/* DataGrid */

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

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

.form_frame table.grid .notYetActiveRow td,
.form_frame table.grid .notYetActiveRow a
{
  color: #777;
}

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

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

.form_frame input.empty-mandatory 
{
	background-image: url(../../pics/mandatory.gif);
	background-position: right center;
	background-repeat: no-repeat;
	border: 1px solid #BDB792;
	height: 15px;
	padding-right: 2px;
}

.form_frame table.grid tr.header td,
.form_frame div.body table 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;
}

/* ERROR */

div.errorBox
{	
	/*background: #F58220 none repeat scroll 0%;*/
	border: 2px solid #F58220;
	margin: 0px 0px 10px 165px;
	padding: 4px;
	width: 485px;
}

/* FORM */

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

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


/*DEFAULT*/
.default .form_frame div.head
{
  padding: 4px 4px;
  border-top: solid 1px #999;
  background-color: Orange;
  font-weight: bold;
}

.default .form_frame div.body
{
  padding: 4px 4px;
  border-top: solid 1px #999;
  background-color: #F5F5F5;
  font-weight: bold;
}

.default .form_frame div.buttons
{
  background-color: #E5E5E5;
  
}

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 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-bottom: 1px solid #999;
  /*padding: 1px 0px 1px 0px;*/
  text-align: right;  
}

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

.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;
}

/* GridPager */

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

div.gridPager span,
div.pager span
{
  font-style: italic;
}

div.gridPager,
div.pager
{
  text-align: center;
  padding: 4px 0px 4px 0px;
  font-style: italic;  
}

.form_frame div.gridPager a,
.form_frame div.pager a
{
  text-decoration: underline;
  background-image: none;
  padding-right: 0px;
}

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

div.gridPager input.img
{
	vertical-align: top;
}

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

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

/* GENERAL HTML ELEMENTS */

img 
{
  border: 0px;
}

hr 
{
  color: #658AA4;
  height: 1px;
}

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

table,
table td
{
	border: none;
  padding: 0px;
}

td, th, div, span, input, p, select, textarea,a {
  font-size: 10px;
  font-family: verdana;
  color: #4E4F59;
  font-weight: normal;  
}

th
{
  text-align: left;
}

input, select
{
}

textarea
{
	overflow:auto;
}

.orange 
{
  color: #F58220;  
}

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

a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover
{
	text-decoration: underline;
}

h1 {
  font-size: 24px;
  font-family: verdana;
  color: #658AA4;
  font-weight: normal;
}

h2 {
  font-size: 14px;
  font-family: verdana;
}
h3 {
  font-size: 18px;
  font-weight: normal;
  font-family: verdana;
  margin: 0px;
  margin-bottom: 10px;
}
h4 {
  font-size: 11px;
  font-weight: bold;
  font-family: verdana;
  margin: 0px;
  margin-bottom: 11px;  
}

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

ul.arrowlist
{
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.arrowlist li 
{
  padding-left: 20px;
  background-image: url(../../pics/design/orange_arrow.gif);
  background-repeat: no-repeat;
  background-position: 4px;
  line-height: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  
}

ul.blue li
{
  background-image: url(../../pics/design/blue_arrow.gif);  
}
ul.red li
{
  background-image: url(../../pics/design/red_arrow.gif);  
}
ul.simple li
{
  list-style: none;
}

dl.indent
{
  padding-left: 2em;
}
dt
{
  font-weight: bold;
}
dd
{
  padding-bottom: 10px;
}

.highlighted
{
	color: #F58220;
}

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

.page_header h1 
{
	text-align: left;
	margin: 2px;
	padding: 2px;
	border-bottom: 1px solid;
	font-size: 12pt;
	margin: 0px;
}

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

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

.top
{
	vertical-align: top;	
}

.designcorner_Container
{
	position: relative;	
}

.narrow_design_container
{
	width: 538px;	
}

.designcorner_Container img.designcorner
{
	position: absolute;	
	right: 0px;
	top: 0px;
}
/* IFRAME */

iframe.deeptree
{
	width: 300px !important;	
}



td.deeptree, 
iframe.deeptree, 
iframe.info 
{
	height: 550px;
	margin: 10px;
	/*width: 350px;*/
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #BBB;
	border-right: solid 1px #BBB;	
}

iframe.info
{
	width: 400px !important;
	border: none;
	border-top: solid 1px #BBB;
	border-bottom: solid 1px #BBB;
}

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

.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: 5px;
	padding-left: -15px;
	text-align: left;
}

/* INTRO TEXT */

div.introtext 
{
	border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #999999;
	border-style: none none none solid;
	border-width: medium medium medium 2px;
	margin: 10px 10px 2em 3ex;
	min-height: 30px;
	padding: 0px 0px 0px 1ex;
	text-align: left;
}

div.introtext img
{
	vertical-align: middle;
}

/* POPUP */

.popupDiv
{
  background-color: #FFF;
  border: solid 1px #999999;
  padding: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  height: 110px !important;
}

.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.selected
{
	background-color: #F1F1F1;	
}

.popupDiv ul li:hover
{
	background-color: #F1F1F1;	
}

.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;
}

/* TABLIST */

.editTabs input 
{
	background-color: transparent;
	border: medium none;
	cursor: pointer;
	text-align: center;
}

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

.editTabs td.link 
{
	color: #4E4F59 !important;
	background-color: #F1F1F1;
	border-top: 1px solid #878787;
	border-right: 1px solid #878787;
	border-left: 1px solid #878787;	
}

.editTabs td.active 
{
	background-color: #BCD7EE;
	border-bottom: 1px solid #BCD7EE;	
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
}

.editTabs td.padding 
{
	width: 6px;
}

/* VALIDATION */

.ValidationSummary
{	
	/*background: #F58220 none repeat scroll 0%;*/
	border: 2px solid #F58220;
	margin: 0px 0px 10px 165px;
	padding: 4px;
	width: 485px;
}