/* common */
    html, body {
      background: #fff;
      margin:     0;
      padding:    0; 
  border:     0;
  color:      #000; 
  width:      100%;
  height:     100%;
  max-height: 100%;
  overflow:   hidden;
  position:   relative;
}  

body.layout-login #portalHeader { display: none;  }
body.layout-login #mainFrame    { display: none;  }
body.layout-login #portletArea  { display: none;  }
body.layout-login #login        { display: block; }
body.layout-login #portalFooter { display: block; }

body.layout-max-portlet #portalHeader { display: block; }
body.layout-max-portlet #mainFrame    { display: block; }
body.layout-max-portlet #portletArea  { display: none;  }
body.layout-max-portlet #login        { display: none;  }
body.layout-max-portlet #portalFooter { display: none;  }

body.layout-portlets #portalHeader { display: block; }
body.layout-portlets #mainFrame    { display: none;  }
body.layout-portlets #portletArea  { display: block; }
body.layout-portlets #login        { display: none;  }
body.layout-portlets #portalFooter { display: none;  }
body.layout-portlets #portalHeader a { display:none; }

#portalHeader {
  width:   100%;
  margin:  0;
  padding: 0;
  z-index: 2;
  color: #000;
  height: 24px;
  border-bottom: medium solid #666;
  border-bottom-width: 1px;
}

#portalHeader #portalButtons {
  position: absolute; 
  right: 0; 
  top: 0;
}

#portalFooter {
  position: absolute;
  left:    0;
  bottom:  0;
  width:   100%;
  margin:  0;
  padding: 0;
  z-index: 3;
  height: 20px;
  border: 0;
  border-top-width: 1px;
  font: 12px arial;
  color: #000;
  text-align: center;
}

#portletArea {
  display: none;
  width:   100%;
  height:  100%;
  border:  0;
  z-index: 1000;
}

#mainFrame { 
  margin:  0 auto;
  padding: 0;
  width:   100%;
  border:  0;
  background-color: #fff;
  z-index: 1000;
}

#login {
  display: none;
  width: 100%;
  position: absolute;
  border: none;
  top: 50%;
  margin-top: -150px;
}

#loginInfoText {
  font-family: 'Verdana'; 
  font-size: .8em; 
  text-align: justify;
  position: relative; 
  left: 50%; 
  margin-left: -50px; 
  width: 320px; 
  height: 50px;
}

#loginInfoText .first-letter {
  font-weight: bold; 
  font-size: 150%;
}
#loginLogoContainer
{
  position: absolute; 
  top: 0px; 
  left: 50%; 
  margin-left: -270px; 
  background-color: transparent;
}
#loginLogo {
  background-color: #FFF;
}
#loginForm {
  display: block;
  width: 100%; 
  padding: 8px 0;

  background-color: #EEE;
  color: #000; 
  width: 100%; 
  border: solid 5px #d9d9d9; 
  border-width: 5px 0;
}

#loginFormFields {
  position: relative; 
  left: 50%; 
  margin-left: -50px; 
  width: 320px;
}
#loginFormFields label {
  font-family: 'Verdana';
  font-size: .8em; 
  width: 90px;
}
#loginFormFields input {
  width: 240px;
}
#loginFormFields input#loginSubmit {
  width: 80px;
  font-weight: bold;         
}


#loginSubmit {
  font-weight: bold;
}

#loginError,
#loginMessage {
  position: relative; 
  left: 50%; 
  margin-left: -50px; 
  width: 320px; 
  font-family: Verdana; 
  font-size: 0.8em; 
  padding-top: 15px;
}

#loginError {
  color: #900;
}
#loginMessage {
  color: #000;
}

/*** PORTLETS ***/
.portletBox {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: x-small;
  width: 500px;
  height: 300px;
  cursor: default;
  border: solid 1px #C0C0C0;
  border-width: 1px 1px 2px 1px;
}

.portletBar_hdr {
  height: 17px;
}

.portletBar {
  height: 18px;
  padding-left: 2px;
  font-family: Verdana;
  font-weight: normal;
  font-size: 10pt;
  color: #000;
}

.resizeBtn {
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  height: 8px;
}

.portletTable {
  margin:  0;
  padding: 0;
  border:  0; 
  width:   100%;
  border-collapse: collapse;
}

.portletIframe {
  margin:  0;
  padding: 0;
  border:  0;
  width:   100%;
}

.portletBar {
  overflow: hidden;
  text-align: left;
  margin: 0;
  width: 100%;
  cursor: move;
}

.resizeBtn {
  position: absolute;
  right:    0;
  bottom:   0;
  margin:   0;
  padding:  0;
  color:    #000;
  cursor:   nw-resize;
}

.portletContent {
  position: absolute;
  overflow: hidden;
  margin:   0;
  padding:  0;
  width:    100%;
  border:   0;
  top:      18px;
}

a         { font-weight: bold; }
a:link    { color: #3399CC; }
a:active  { color: #3366FF; }
a:hover   { color: #3388EE; } 
a:visited { color: #3366CC; }

.clear { clear: left; }

.portletButtons {
  position: absolute;
  right: 4px;
  top: 1px;
}

.portletButtons a.max         { background-position: 0 -16px; }
.portletButtons a:hover.max   { background-position: -16px -16px; }
.portletButtons a.close       { background-position: 0 -48px; }
.portletButtons a:hover.close { background-position: -16px -48px; }


/* Rounded */
table.rounded {
  border-collapse: collapse;
  margin: 0px; border: 0px; padding: 0px;
}

table.rounded td.top {
  text-align: left;
  background: url('../images/round/round_top_edge.gif') repeat-x left top;
  margin: 0px; border: 0px; padding: 0px;
}

table.rounded div.bottom {
  text-align: left;
  background: url('../images/round/round_bottom_edge.gif') repeat-x left bottom;
  margin: 0px; border: 0px; padding: 0px;
  position: relative;
}

table.rounded div.left {
  text-align: left;
  background: url('../images/round/round_left_edge.gif') repeat-y left top;
  margin: 0px; border: 0px; padding: 0px;
}

table.rounded div.right {
  text-align: left;
  background: url('../images/round/round_right_edge.gif') repeat-y right top;
  margin: 0px; border: 0px; padding: 0px;
}

table.rounded div.tl,
table.rounded div.tr,
table.rounded div.bl,
table.rounded div.br {
  position: absolute;
  z-index: 105;
  height:  25px;
  width:   25px;
  font-size:   1px;
  text-indent: -999em;
  overflow: hidden;
  margin: 0px; border: 0px; padding: 0px;
}

table.rounded div.tl {
  background: url('../images/round/round_shadow.gif') no-repeat left top;
  top: 0px; left: 0px;
}

table.rounded div.tr {
  background: url('../images/round/round_shadow.gif') no-repeat right top;
  top: 0px; right: 0px;
}
* html body table.rounded div.tr {}

table.rounded div.bl {
  background: url('../images/round/round_shadow.gif') no-repeat left bottom;
  bottom: 0px; left: 0px;
}
* html body table.rounded div.bl {}

table.rounded div.br {
  background: url('../images/round/round_shadow.gif') no-repeat right bottom;
  bottom: 0px; right: 0px;
}
* html body table.rounded div.br {}

table.rounded div.content {
  position: relative;
  margin:  0px;
  padding: 15px;
  z-index: 100;
}

table.rounded div.content table {
  border: 0px;
}

table.rounded div.content table th,
table.rounded div.content table td {
  padding: 2px 8px;
}

table.rounded div.content .main-header {
  margin: -6px -6px 0px -6px;
  padding: 6px;
  clear: both;
}

table.rounded div.content .header {
  margin:  0px -6px;
  padding: 3px  6px;
  clear: both;
}

table.rounded div.content .main-header h1,
table.rounded div.content .main-header h2,
table.rounded div.content .main-header h3,
table.rounded div.content .main-header h4,
table.rounded div.content .main-header h5,
table.rounded div.content .main-header h6,
table.rounded div.content .header h1,
table.rounded div.content .header h2,
table.rounded div.content .header h3,
table.rounded div.content .header h4,
table.rounded div.content .header h5,
table.rounded div.content .header h6 {
  margin: 0px;
}

table.rounded div.content .flush {
  margin-left:  -6px;
  margin-right: -6px;
}

table.rounded div.content .flush-all {
  margin-bottom: -6px;
  margin-left:   -6px;
  margin-right:  -6px;
  margin-top:    -6px;
}
* html body table.rounded div.content .flush-all {
  margin-bottom: -7px;
}

table.rounded div.content .flush-top {
  margin-top:    -6px;
  margin-left:   -6px;
  margin-right:  -6px;
}

table.rounded div.content .flush-bottom {
  margin-bottom: -6px;
  margin-left:   -6px;
  margin-right:  -6px;
}

table.rounded div.content table.flush {
  margin: 0px;
  width: 100%;
}

table.rounded div.content .footer {
  margin-bottom:  -6px;
  margin-left:    -6px;
  margin-right:   -6px;
  padding:   10px 10px 10px 10px;
}
* html body table.rounded div.content .footer {
  padding-bottom: 15px;
  margin-bottom: -7px;
}

table.rounded div.content .footer .cancel-button {
  float: left;
}

table.rounded div.content .footer .submit-button {
  float: right;
}

table.rounded div.content .blue {
  background-color: #bdcbd6;
  color: #000000;
}


/* end common */
/* tns */
#portalHeader {
    background: #cfcbc3 url(../images/skin/tns/header_bg.gif) repeat-x left top; 
}

#portalFooter {
  background-image: url(../images/skin/tns/header_bg.gif);
}

/*** LOGIN PAGE ***/
#loginForm {
  background-color: #000;
  color: #fff;
  border: solid 5px #AAA;
  border-width: 3px 0;
}

#loginFormFields input {
  border: 0;
  color: white;
  background: url('../images/skin/tns/login_input_bg.png') repeat-x left top;
  padding: 2px;              
}

#loginSubmit {
  border: solid 1px #000;
  color: white;
  background: url('../images/skin/tns/login_input_bg.png') repeat-x left top;
}

#loginLogo {
  background: #FFF url('../images/skin/tns/login_logo.gif') no-repeat left top;
  width: 200px;
  height: 291px;
}

.portletBar {
  background: url('../images/skin/tns/portlet_title_bg.png') repeat-x left top;
  overflow: hidden;
  text-align: left;
  margin: 0;
}

.resizeBtn {
  background: url('../images/skin/tns/portlet_resize.png') no-repeat left top;
}

#portalButtons {
  padding-top: 4px;
  padding-right: 4px;
  position: absolute;
  right: 4px;
  top: 0;
}

#returnToUserButton {
  float: left;
  padding: 0;
  margin: 0;
  font-size: 7px;
}

#portalButtons a {
  margin-left: 5px;
}

#portalButtons  a, .portletButtons a {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  text-indent: -99em;
  overflow: hidden;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url('../images/skin/tns/portlet_buttons_gray.gif');
}

#portalButtons  a.autoreload, .portletButtons a.autoreload {
  font-size: 7px;
  text-decoration: none;
  padding-top: 2px;
  color: #888;
  width: 60px;
  text-indent: 0em;
  background-image: url('../icons/silk/control_play.png');
  background-position: right top;
}

#portalButtons  a.playing, .portletButtons a.playing {
  background-image: url('../icons/silk/control_pause.png');
  text-indent: -99em;
}

#portalButtons  a.refresh, .portletButtons a.refresh {
  background-image: url('../images/skin/tns/portlet_buttons_gray.gif');
  background-position: 0 -64px;
}

#portalButtons  a.loading, .portletButtons a.loading {
  background-image: url('../images/skin/tns/loading.gif');
  background-position: 0 0;
}

#portalButtons a.unMax { background-position: 0 -32px; }
#portalButtons a:hover.unMax { background-position: -16px -32px; }
/* end tns */