html {
 border: none;
}

input{
   font-size:10px; 
}

body, pre {  
 background-color: #fff; 
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 font-size:    11px;
 color:    #000;
}


body.iframe {
 margin:    0px;
 padding:   0px;
 border:    none;
}

.bold {
 font-weight:  bold;
}

.red {
 color:    #FF0000;
}

.code {
 font-family:  "Courier New", Courier, monospace;
}


img {
 border:  0px;
}

h1 {
 font-size:    20px;
 /*font-weight:    bold;*/
 color:     #489DA2;
 text-decoration:   none;
 margin-top:   0px;
 margin-bottom:   0px;
}

h2 {
 font-size:    17px;
 /*font-weight:    bold;*/
 color:     #489DA2;
 text-decoration:   none;
 margin-top:   0px;
 margin-bottom:   0px;
}

h3 {
 font-size:    14px;
 /*font-weight:   bold;
 /*color:     #489DA2;*/
 text-decoration:  none;
 margin-top:   0px;
 margin-bottom:  0px;
}
#container {
 position:    relative;
/* width:     970px;*/
background-color: #fff;
 margin:    0px auto;
}

#submitter {
 position:   relative;
 width:    200px;
 height:    50px;
}

/* ------------------------- error begin ------------------------------ */

#errorMessage {
 text-align:   center;
}

#errorMessage h3,
#errorMessage h4 {
 padding-top:  20px;
 color:    #AA1C1C;
}

.errorMessage,
.error {
 color:    #AA1C1C;
}

#intropage #errorMessage h3 {
 padding-top:  0px;
 padding-bottom:  20px;
}

#intropage table.data {
 width:    970px;
}

#errorMessage ul {
 margin-left:  200px;
}

#errorMessage li {
 text-align:   left;
}

/* -------------------------- error end ------------------------------- */

/* ------------------------ banner begin ------------------------------ */

#Banner {
 float:      left;
 height:    46px;
/*width:     970px;1*/
	width:100%;
 font-weight:  bold;
 color:    #FFFFFF;
 background-color:   #FECC34; 
}



#Banner div.banner_ilogo {
 float:    right;
 width: auto;
 height:auto;
}

#Banner div.banner_image {
 height:    30px;
 width:    auto !important;
 float:    left;
 clear:    none;
 font-size:   38px;
 padding-left: 10px;
}
#Banner div.banner_version {
 height:    30px;
 width:    auto;
 float:    left;
 clear:    none;
 font-size:   38px;
 color: #fadc6a;
 left: 320px;
}

#Banner span.banner_version {
 color: white;
}


#Banner div.banner_version a.buttonLink{
 position:relative;
 bottom:5px;
 background-color:#85b0d9;
 color:#FFF;
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 text-indent:0;
 /*border:1px solid #84bbf3;*/
 border:1px solid #FFF;
 display:inline-block;
 font-family:Arial;
 font-size:12px;
 font-weight:bold;
 font-style:normal;
 height:20px;
 line-height:20px;

 /*width:180px;*/
 width:auto;
 text-decoration:none;
 text-align:center;
 /*margin-right:20px;*/
 padding-left:10px;
 padding-right:10px;

 /*margin-bottom:10px;*/
 width: 100px;
}

#Banner div.banner_version a:hover{
  text-decoration:none;
  background-color:#466b8f;
}

#Banner div.banner_version a{
 font-size:15px;
 text-decoration:none;
 color:#FFF;
}

#Banner div.banner_version a:hover{
 color:#FF0;

}

#Banner div.banner_description {
	position: absolute;
  	text-align: right;
  	left: 35px !important;
  	top: 65px !important;
  	height: 18px;
  	font-size: 14px !important;
}

#Banner span {
 margin:   auto 5px;
}

#Banner span a,
#Banner span a:visited,
#Banner span a:hover,
#Banner span a:active,
#Banner span a:link {
 color:    #FFFFFF;
 text-decoration:  none;
}


#Banner span.big {
 float:   right;
 margin-top:  3px;
}

#Banner span.small {
 float:   right;
 vertical-align: bottom;
}
#Banner span.gains {
 float:   right;
 margin-bottom: 10px;
}


#gains_light_link{
 position:absolute;
 margin-top:10px;
 left: 350px;
 top: 19px;
 width: 33px;

}

/* ------------------------ banner end ------------------------------ */

/* ---------------------- module bar begin -------------------------- */

#lockAnnouncement {
 /*margin-top:   10px;*/
 position:    relative;
 clear:    both;
 /*float:      left;*/
/* width:    970px;*/
 height:    26px;
 background-color: #fff;
 border:    solid 1px #AA1C1C;
 font-size:   14px;
 /*font-weight:  bold;*/
 color:    #AA1C1C;
 text-align:   center;
 vertical-align:  middle;
}

#lockAnnouncement p {
 margin-top:   5px;
 padding:   0px;
}

#ModuleBar {
	/*margin:				10px 0px 10px 0px;*/
 
 /*max-width: 1300px; */
 padding:   0px;
 padding-right:100px;
 position:relative;
 /*clear:    both;*/
 
 /*width:    970px;*/
 width:100%;
 /*height:    27px;*/
 overflow:   hidden;
 font-size:   10px;
 /*background-color: #9CC3E0;*/

 
}

#ModuleBarEmpty{
	width:250px;
/*	height:50px;
/*	background-color:#3FF;*/
}

#ModuleBarFrame {

}


#ModuleBarMiddle {
	display: table;
    margin: 0 auto;

}

#ModuleBar a {
 position:   relative;
 float:    left;
 /*display:   block;*/
 text-decoration:  none;
 text-align:   center;
 vertical-align:   bottom;
}
#ModuleBarButtons {
 position:    relative;
 float:      left;
 width:    160px;
/* height:    10px;*/
 padding:       0px;
 background:   none;

}

#ModuleBarButtons  a.buttonLink {
 border:    solid 1px #FFF;
 padding:   0px;
 margin:    0px;
 background-color: #F00;
 color:    #000;
}


#ModuleBar a.buttonLink {
 border:    solid 1px #FFF;
 padding:   2px;
 margin:    5px;
 background-color:  #fff;
 color:    #000;
}

#ModuleBar a.moduleActive,
#ModuleBar a.modulePassive {
 width:    90px;
 height:    27px;
    font-weight:   bold;
 
}

#ModuleBar a#lastModuleItem {
 width:    90px;
}

#ModuleBar a.moduleActive,
#ModuleBar a.modulePassive:hover {
 background-image: url(images/reiter_active.gif);
}

#ModuleBar a.modulePassive {
 background-image: url(images/reiter_passive.gif);
}



/* ----------------------- module bar end --------------------------- */

/* ---------------------- side navigation begin ------------------------- */

applet.hidden {
 float:    left;
 height:    1px;
 width:    1px;
 padding:   0px;
 margin:    0px;
 border:    0px;
 background-color:   #0c5d9c;
}

.SideNavTitle {
    font-size:   13px;
 font-weight:  bold;
 width:    auto;
    color:     #fff; 
 text-decoration: none;
 padding:    3px 0px 3px 5px;
 background-color:  #0c5d9c;
}

.SideNavHeader {
   width:     auto;
   height:    auto;
   font-size:   12px;
   font-weight:   bold;
   padding:    2px 0px 2px 5px;
   color:     #0c5d9c;
   background:    #cccccc;
}

.SideNavHeader a {
 display:     inline;
 text-decoration: none;
 border:    0px;
 color:     #0c5d9c;
 background-color:   #7CADF8;
/*  background-color:   #CCCCCC;*/
 font-size:   12px;
}

.SideNavHeader span {
 text-align:   left;
 background-repeat: no-repeat;
}

.SideNavHeader span.visible {
 background-image:  url(images/group_close.gif);
}

.SideNavHeader span.hidden {
 background-image:  url(images/group_open.gif);
}

.SideBox {
    font-size:   11px;
 color:    #404040;
 text-decoration: none;
 text-align:   left;
 display:    block;
 background-color:  #99ccff;
 padding: 1px;
}

.SideBox input,
.SideBox select {
 margin:    2px;
}

.SideBox input {
 font-size:   11px;
 border:    1px solid #7f9db9;
 background-color: #fff;
 color:    #000000;
}

.SideBox input.login {
 width:    150px;
}

.SideBox .checkbox {
	text-align:left;
 width:    auto;
 font-size:   9px;
 margin-top:   5px;
}

.SideBox .checkbox input {
 font-size:   8px;
 background:   none;
 border:    none;
 margin:    0px;
 /*margin-right:  5px;*/

 padding:   0px;
}


.SideBox input.button {
 /*margin:    2px;*/
 margin-top:   3px;
 margin-bottom:   2px;
 cursor: pointer;
}

.SideBox input.disabled {
 color:    #BBB;
 background-color: #DDD;
}

.SideBox select {   
 margin-top:   3px;
 font-size:   9px;   
 color:    #003399; 
 width:    200px;
 border:    1px solid #7f9db9;
}

.SideBox a.text,
.SideBox a.text:visited,
.SideBox a.text:active,
.SideBox a.text:link,
.SideBox a.text:hover {
 text-decoration: none;
 color:    #000;
}

.SideBox a.text:hover {
 text-decoration: underline;
}

.SideBox span.explain {
 font-size:  9px;
 color:   #555;
}

select.single {
 background-color: #DDD;
}

div.partners {
 text-align:   center;
 font-weight:  bold;
 vertical-align:  middle;
 padding:   10px;
}

div.partners a {
 display:   block;
 width:    150px;
 height:    60px;
 vertical-align:  middle;
 border:    solid 1px #555;
 margin:    10px auto;
}

div.partners a.noframe {
 display:   inline;
 width:    auto;
 height:    auto;
 border:    none;
}

div.partners img {
 vertical-align:  bottom;
}

div.lifepartners {
 text-align:   center;
 vertical-align:  middle;
 background-color: #99ccff;
 padding:   10px;
}

div.lifepartners a {
 display:   block;
 vertical-align:  middle;
 margin:    10px auto;
}

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

/* --------------------- side navigation end ------------------------ */

/* ----------------- left side navigation begin --------------------- */

#SideNavLeft {
 position:   relative;
 /*clear:    both;*/
 float:    left;
 width:    225px;
 overflow:   hidden;
 border-right:    solid 1px #DADFE8; 
}

#content.full #SideNavLeft {
 position:   relative;
 left:    -5px;
}

#SideNavLeft a.editor_old img,
#SideNavLeft a.editor_structure img,
#SideNavLeft a.editor_text img {
 float:    right;
 text-align:   right;
 margin-left:  1px;
}

#SideNavLeft a.menuItem,
#SideNavLeft a.menuItemActive,
/*20170904 RSA*/
#SideNavLeft a.menuItemAdmin,
#SideNavLeft a.menuItemIIASA,
#SideNavLeft a.menuItemOutdated,
#SideNavLeft a.menuItemPassive {
 display:   block;
 width:    auto;
     font-size:   11px;
 font-weight:   normal;
 text-decoration:      none;
 color:    #404040;
 padding:    3px 2px 3px 10px;
 border-bottom:   solid 1px #FFF;
 border-left:   solid 0px #FFF;
 border-right:   solid 0px #FFF;
}
 
#SideNavLeft a.menuItem:hover,
#SideNavLeft a.menuItem:active,
#SideNavLeft a.menuItemActive {
 color:      #4682B4;
 background-color:   #f0eeee;
 background-image:    url(images/arrBW.gif);
 background-repeat:   no-repeat;
 background-position:   0% 50%;
}

#SideNavLeft a.menuItemPassive {
 background-color:  #FF6633;
}

#SideNavLeft a.menuItemAdmin {
	background-color:  #FC3;
	color:#666;
	 background-image:    url(images/ADMIN.png);
	 background-repeat:   no-repeat;
	  background-position:   0% 50%;

	
}
#SideNavLeft a.menuItemAdmin:hover{
	background-color:  #FC3;
	color:#666;
	 background-image:    url(images/ADMIN_red.png);
	 background-repeat:   no-repeat;
	  background-position:   0% 50%;

	
}
#SideNavLeft a.menuItemIIASA {
	background-color:  #FC3;
	
	color:#666;
	 background-image:    url(images/IIASA.png);
	 background-repeat:   no-repeat;
	  background-repeat:   no-repeat;
 background-position:   0% 50%;
/*	background-color:  #666;
/*	color:#70A7C5;*/
/*	text-decoration:overline;*/
}
#SideNavLeft a.menuItemIIASA:hover{
	
	color:      #4682B4;
	 background-image:    url(images/IIASA_red.png);
	 background-repeat:   no-repeat;
	  background-repeat:   no-repeat;
 background-position:   0% 50%;
/*	background-color:  #666;
/*	color:#70A7C5;*/
/*	text-decoration:overline;*/
}

#SideNavLeft a.menuItemOutdated {
	background-color:  #FC3;
	color:#666;
	text-decoration:line-through;
}

#SideNavLeft .SideBox,
#SideNavRight .SideBox {
 text-align:    center;
}

#SideNavLeft div.partners {
 
}

/* ------------------ left side navigation end ---------------------- */

/* ----------------- right side navigation begin -------------------- */

#SideNavRight {
 position:   relative;
 float:    right;
 width:    225px;
 overflow:   hidden;
 margin-left:   10px;
 border:    solid 1px #999;
}

div#SideNav {
 margin-left:   10px;
}

/* ------------------ right side navigation end --------------------- */

/* ------------------------- bridge begin --------------------------- */

#bridgeLoader {
 float:    none;
 clear:    both;
 text-align:   center;
}

#bridgeLoader h2 {
 margin-bottom:   0px;
 padding-bottom:   0px;
}

#bridgeLoader p.waiting {
 margin-top:   0px;
 padding-top:   0px;
 color:    #555;
 font-size:   9px;
}

/* -------------------------- bridge end ---------------------------- */

/* -------------------------- maps begin ---------------------------- */

#MapTitle {
 clear:    both;
 float:  none;
 width:  970px;
 text-align: center;
}

#MapSetup {
 width: 240px;
 height: 600px;
 float: left;
 border: 0px;
}

iframe#MapSelection {
 width:  235px;
 height:  600px;
 border:  0px;
}

#MapPlugInProblem {
 clear:   both;
 float:   none;
 width:   965px;
 padding-top: 20px;
}

#MapPlugInProblem h3 {
 margin-top: 20px;
}

#MapPlugInProblem,
#MapPlugInProblem h3,
#MapPlugInProblem h4,
#MapPlugInProblem pre {
 text-align: center;
}

#MapApplets {
 width:    715px;
 height:    600px;
 float:    left;
 padding:    0px;
 margin:    0px;
 border:    1px solid #000;
 background-color: #B5B5B5;
}

#MapApplets applet.control {
 height:   25px;
 width:   715px;
 float:   none;
 clear:   both;
}

#MapApplets applet.display {
 height:   575px;
 width:   715px;
 float:   none;
 clear:   both;
}

#mapSettings div.SideBox input.button {
 text-align: center;
 width:  100px;
}

div#afterLoadFunctionality {
 display: none;
}

/* --------------------------- maps end ----------------------------- */

/* ------------------------- forms begin ---------------------------- */

form {
 margin:   0px;
 padding:  0px;
}

form.submitform {
 float:   left;
 clear:   none;
 padding:  2px;
}

form.submitform input.button {
 margin-right: 10px;
 width:   110px;
}

div.form {
 margin:   10px;
}

div.input_field {
 clear:   both;
 margin-top:  5px;
 margin-bottom: 5px;
}

div.input_message {
 clear:   both;
 color:   #F12323;
 font-weight: bold;
 font-size:  12px;
 margin-bottom: 3px;
}

div.input_label,
div.file_hint {
 clear:   both;
 float:   left;
 width:   250px;
 margin-top:  4px;
 text-align:  left;
 font-weight: bold;
}

div.file_hint {
 margin-left: 20px;
 width:   180px;
 color:   #999;
}

div.input_label span.not_null,
form span.not_null {
 font-weight: bold;
 color:   #F12323;
}

div.input_value {
 float:   left;
}

div.input_field select, 
div.input_field input,
form.n2mEditor select,
form.sortEditor select {
 width:   250px;
 font-size:  11px;
}

div.input_field input {
 width:   250px;
 padding-left:  2px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:   11px;
}

div.input_field input.radio {
 width:   auto;
 margin-left: 0px;
 position:  relative;
 top:   3px;
 display: inline-block;
}

div.input_field input.radioReset {
 width:   auto;
 margin-left: 10px;
}

div.input_field textarea {
 width:   740px;
 height:   300px;
 font-family: "Courier New", Courier, monospace;
 font-size:   9pt;
 padding-left: 2px;
}

div.input_field div.textarea_counter {
 width:   740px;
 clear:   both;
 position:  relative;
 left:   200px;
}

div.full div.input_field textarea {
 width:   740px;
 height:   300px;
 font-family: "Courier New", Courier, monospace;
 font-size:   9pt;
 padding-left: 2px;
}

div.full div.input_field div.textarea_counter {
 width:   740px;
 clear:   both;
 position:  relative;
 left:   200px;
}

div.form_buttons {
 clear:   both;
 margin-top: 10px;
}

form.sortEditor input.sortButton {
 width:   60px;
 font-size:  11px;
}

/*
 * debug info
 */
a.debugInfo {
 color:   #000;
}

div#debugInfoDiv {
 display:   none;
 margin:    10px 0px 10px 30px;
 padding:   5px;
 background-color: #EEE;
}

/*
 * scenario editor
 */
form.scenarioEditor td.bordered {
 width:   190px;
 vertical-align: top;
 border:   1px solid #333;
}

form.scenarioEditor td.actType, 
form.scenarioEditor td.pathway {
 width:   150px;
 vertical-align: middle;
 border:   1px solid #333;
}

form.scenarioEditor td.pathway {
 width:   390px;
}

form.scenarioEditor select {
 width:   180px;
}

/* -------------------------- forms end ----------------------------- */

/* --------------------- color picker begin ------------------------- */

div.picker_box {
 clear:  both;
 float:  none;
 height:  276px;
}

div.picker_frame {
 width:   296px;
 margin-top:  10px;
 margin-bottom: 10px;
 text-align:  center;
 float:   left;
}

div.picker_classes {
 width:   140px;
 height:   256px;
 border:   1px solid black;
 float:   left;
 margin-top:  10px;
 margin-bottom: 10px;
}

#color_picker {
    width:   256px;
    height:   256px;
    padding:  0px;
    border:   1px solid black;
}

div.color_preview {
 width:   120px;
 border:   1px solid black;
 margin-left: auto;
 margin-right: auto;
}

div.picker_classes a {
 text-decoration: none;
 display:   block;
}

div.picker_classes div.color_preview {
 margin-top:  10px;
 margin-bottom: 10px;
}

/* ---------------------- color picker end -------------------------- */

/* ------------------------ tables begin ---------------------------- */


body,td,th {
 font-size: 11px;
}

th.row {
 vertical-align: top;
 text-align:  left;
 padding-right: 10px;
}

div.datatable {
 border:   0px;
 clear:   right;
}

table.data,
span.data,
table.selectionOverview {
    font-size:      10px;
}

table.data {
    border:       solid 1px #333;
    margin-top:   10px;
}

table.data img {
    border:         0px;
    vertical-align: middle;
}

/*
 * title row
 */
  
table.data tr.title th {
 vertical-align:  middle;
}

table.data tr.title span.title {
 float:    left;
 vertical-align:   middle;
 margin-right:   15px;
 margin-top:   3px;
}

table.data tr.title span.insertButton {
 float:    right;
}
 
table.data tr.title input {
 font-size:   10px;
 border:    1px solid #7f9db9;
 background-color:  #fff;
 color:    #000000;
 text-decoration:  none;
 font-weight:   normal;
 padding:   1px;

}

table.data tr.title span.editors img {
 margin-top:   1px;
 margin-right:   3px;
}

/*
 * header rows
 */
table.data tr.title,
table.data tr.header {
    background-color:     #82c6d2;
}

table.data tr.header select {
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 font-size:   10px;
 font-weight:  normal;
}


table.data th {
    font-size:      11px;
    background-color:     #82c6d2;
    border:         0px;
    padding-top:    1px;
    padding-bottom: 1px;
    padding-left:   2px;
    padding-right:  2px;
    vertical-align: middle;
}

table.data th div.header_row {
    border:     solid 0px #f00;
   
    float:      none;
    clear:      both;
    margin:     0px;
    padding:    0px;
}

table.data th.active_feature,
table.data th.passive_feature {
    padding-right:  0px;
}

span.header_active_column {
    text-decoration:    underline;
    color:              #000;
    padding-right:      3px;
}

span.header_passive_column {
    text-decoration:    none;
    color:              #222;
    padding-right:      3px;
}

span.feature_active {
    padding-left:   2px;
    padding-right:  2px;
}
span.feature_passive {
    padding-left:   2px;
    padding-right:  2px;
    color:          #BBB;
}

/*
 * table rows
 */
table.data tr.odd {
    background-color:   #82c6d2;
}

table.data tr.even {
    background-color:   #fff;
}

table.data tr.selected {
    background-color:   #FFFF94;
}

table.data tr.found {
    background-color:   #82c6d2;
 font-weight: bold;
}

table.data td {
    border-left:    dashed 1px #AAA;
    
    padding-left:   4px;
    padding-right:  2px;
    vertical-align: top;
}

table.data td.first {
 text-align:  right;
     border-left:    0px;
}

table.data td.header {
 border-left:    0px;
 font-weight: bold;
}

table.data td.anchorline {
 border-left:     0px;
 height:    20px;
 vertical-align:  middle;
}

table.data th.letterline {
 font-size:   12px;
 height:    25px;
 vertical-align:  middle;
}


table.data td.anchorline a {
 font-size:   11px;
 font-weight:  bold;
 color:    #333;
 text-decoration: none;
 padding-left:  5px;
 padding-right:  5px;
}

table.data td.anchorline a.active,
table.data td.anchorline a.passive:hover {
 color:    #888;
}

table.data select {   
 margin-top:   1px;
 font-size:   9px;   
 color:    #000; 
 width:    inherit;
}

/* ------------------------- tables end ----------------------------- */

/* ----------------------- content begin ---------------------------- */

#content {
 border:    0px;
 position:   relative;
 float:    left;
 margin:    0px 0px 0px 0px;

}

#dynamicContent {
 position:   relative;
 float:    left;
 height:    200px;
 width:    955px;
 overflow:   scroll;
 margin:    0px 0px 0px 0px;/* 0px 5px 0px 5px;*/
 padding:   0px;
}

div.slim {
 width:    505px;
 position:   relative;
 float:    left;
}

div.wide {
 width:    738px;
 float:    left;
}

div.full {
 width:    965px;
}

span.ok {
 font-weight:  bold;
 color:    #00CC33;
}

span.failed {
 font-weight:  bold;
 color:    #FF3300;
}

#content a.editor_structure img,
#content a.editor_text img {
 float:    right;
 text-align:   right;
 margin-left:  3px;
}

#content .debugInfo a.editor_structure img,
#content .debugInfo a.editor_text img {
 float:    left;
 text-align:   left;
 margin-left:  0px;
 margin-right:  3px;
}

#page_text p,
#page_subtext p {
 margin-top:   10px;
 margin-bottom:  0px;
}

#content a.pdf,
#content a[href $=".pdf"], #content a[href $=".PDF"],
#content a[href *=".pdf#"], #content a[href *=".PDF#"],
#content a[href *=".pdf?"], #content a[href *=".PDF?"] {
 background-image:   url("images/pdf12x12.gif");
 background-repeat:   no-repeat;
 background-position: 2px 0px;
 padding-left:    14px;
}

#content a.xls,
#content a[href $=".xls"], #content a[href $=".XLS"],
#content a[href *=".xls#"], #content a[href *=".XLS#"],
#content a[href *=".xls?"], #content a[href *=".XLS?"] {
 background-image:   url("images/excel12x12.gif");
 background-repeat:   no-repeat;
 background-position: 2px 0px;
 padding-left:    14px;
}

#content table.nested  {
 margin-top:   20px;
 border-top:   solid 1px #555;
 border-left:  solid 1px #555;
 border-right:  solid 2px #333;
 border-bottom:  solid 2px #333;
 border-collapse: collapse;
}

#content table.nested thead th {
 border-bottom:  solid 1px #555;
 margin:    0px;
 font-size:   12px;
}

#content table.nested thead th,
#content table.nested tbody td {
 border-left:  solid 1px #777;
 padding:   2px;
}

#content table.nested tbody td {
 margin:    0px;
 vertical-align:  top;
 font-size:   11px;
 border-bottom:  dashed 1px #777;
}

#content table.nested th.nowrap,
#content table.nested td.nowrap {
 white-space:  nowrap;
}

/* ------------------------ content end ----------------------------- */

#intropage{
 position:   relative;
 top:    10px;
 float:    left;
 width:    720px;
 margin:    5px;
 background-color: #fff;
}


#footer{


 /*	position:absolute;
	bottom:0;
	left:0;
	*/
	

 /*width:    970px;*/
 width:100%;
 background-color:9CC3E0;
 float:    left;
 /*top:    20px;*/
 border-top:   solid 1px #9CC3E0; 
 /*margin:    20px 0px  0px 0px;*/
 text-align:   center;
 margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-top: 5px;
}