html {
	height:100%; 
}


body 
{
	background-color: #3f7197;
	margin: 0;
	padding: 0;
	line-height: 135%;
	color: #444; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:11px; 
	font-family: Verdana;
}

h2
{
	font-size: 15pt;
	font-weight: bold
}

div
{
	margin: 0 0 0 0
}
 
.mainwindowtop
{
	background-color: #FFFFFF;
	/* background-image:url('images/bgblue.jpg'); */
	border:solid 0px black;
	width:1000px;
}

.mainwindowbottom
{
	background-color: #FFFFFF;
	/* background-image:url('images/bgbluebottom.jpg'); */
	border:solid 0px black;
	width:1000px;
	height:24px;
}

.mainwindowfooter
{
	background-color: Transparent;
	border:solid 0px black;
	width:1000px;
	height:24px;
}

.mainwindowcontent
{
	background-color: #FFFFFF;
	border:solid 0px black;
	width:960px;
}

#fullheight{height:100%}

#logo {
	width: 239px;
	height: 30px;
	background: url(images/img07.gif) no-repeat;
	cursor: pointer;
	float: left;
}
#logolarge {
	width: 715px;
	height: 80px;
	background: url(images/seaport-eportal_logo_large.png) no-repeat;
	cursor: pointer;
	float: left;
}
#menu {font-family: Tahoma;
       font-size: 7pt;
       margin: 0px 0px 0px 8px;
       text-align: left;}   

	   
a {color: Blue;
	          text-decoration: none;}
	   
#menu a:link {color: #000000;
	          text-decoration: none;}
    
#menu a:visited {color: #000000;
	             text-decoration: none;}
    
#menu a:hover {color: #c00001;
               text-decoration: none;}
               
#menu a:active {color: #000000;
	            text-decoration: none;} 
	             
#navbg {background-image: url(images/navbg.png);
	    height: 25px;}
		
#sidebar {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 240px;
}		

#intro {font-size: 16px;
	text-align:justify;
         margin: 0;
      font-family: Tahoma;
      	line-height: 175%;

}

#login {
    background: #ebecff;
	border-style: outset;
}

#login form {
}

#login fieldset {
	border: none;
}

#login legend {
	display: none;
}

#login label {
	font-size: x-small;
	font-weight: bold;
}

#login input {
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #385B88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

/* Featured services */

.featured-wrapper {background: #6A7A86 url(images/featured_background.png) repeat-y;
                   color: #DCE0E4;
                   width: 240;
                   margin-bottom: 50px;}

.featured-content {padding: 0;
                   margin: -8px 0 0;
                   font-size: 14px;}

.featured-content ul {margin: 0;
                      padding: 0 0 10px 25px;
                      font-style: italic;
                      list-style-type: none;
                      line-height: 124%;}

.featured-content p {margin: 0;
                     padding: 0 10px 10px;
                     line-height: 125%;}

.featured-content a {background: transparent;}

.featured-content a img {padding: 0;
                         margin: 0;
                         display: block;}

.featured-top {width: 240px;
               height: 18px;
               background: #6A7A86 url(images/featured_top.png) no-repeat;
               color: #DCE0E4;}

/* End Featured Services CSS */
				
#footer {
         height: 56px;
         margin: 0 auto;
         background: #F3F3F3 url(images/footer_background.png) repeat-x;
         color: #5B6973;
         clear: both;
         text-align: left;
         padding: 0;
         position: relative;}

#footer-content {padding: 19px 15px;}

#footer-right {position: absolute;
               right: 0;
               top: 0;
               width: 15px;
               height: 56px;
               background: #F3F3F3 url(images/footer_right.png) no-repeat;
               color: #5B6973;}
               
#footer-left {position: absolute;
              left: 0;
              top: 0;
              width: 15px;
              height: 56px;
              background: #F3F3F3 url(images/footer_left.png) no-repeat;
              color: #5B6973;}

#footer p {margin: 0;}

#footer a {background: transparent;}

#footer-navigation {float: right;
                    margin: 0;}			

.boxed {
	margin-bottom: 20px;
}

.boxed .title {
	height: 25px;
	margin: 0;
	padding: 4px 0 0 15px;
	background: url(images/img05.png) no-repeat;
	font-size: 1.4em;
	color: #5B62BA;
	border-right: solid, 1px, #5B62BA;
}

.boxed .content {
	padding: 4px;
	border: 1px solid gray;
	/* border: 1px solid #9FA4FF; */
}

.corporatelogo {
	font-size: 16px;
	margin: 2px 2px 20px 2px;
}
.corporatelogo.content {
	padding: 4px;
	border-bottom: 4px solid gray;	
}


#aslines {border-right-width: 1px;
	            border-left-width: 1px;
	            border-right-style: solid;
	            border-left-style: solid;
	            border-right-color: #E08A1F;
	            border-left-color: #E08A1F;}
	            
#astxt {font-size: 14px;
              color: #434242;
              line-height: 15px;
              font-family: Arial, Helvetica, sans-serif;
              background-color: #FBEEDF;
              padding: 4px;
              text-align: center;} 

.VertHeader {
	/* writing-mode: tb-rl; */
	/* filter: flipv fliph; */
	text-align: center;
	color: White;
	cursor: default;
}

.VertHeader a {
	color:White;
	cursor: pointer;
	height: 100px;
}			  

/* Div container to wrap the datagrid */
div#div-datagrid 
{
	width: 100%;
	height: 100%;
	overflow: auto;
	scrollbar-base-color: #C4C4C4;
}

.Grid
{
	background-color: #5D7B9D;
	padding:0;
}

/* Locks the left column */
td.locked, th.locked 
{
	padding:0;
	/* writing-mode: tb-rl;
	filter: flipv fliph; */
	text-align: left;
	color: White;
	cursor: default;
	text-align: left;
	background-color: #5D7B9D;
	color: white;
	position:relative;
	border: Solid 1px #C3C3C3;
	font-size:16px;
}

td.rlocked, th.rlocked {
	text-align: left;
	color: White;
	cursor: default;
	text-align: left;
	background-color: #5D7B9D;
	color: white;
	position:relative;
}

/* Locks table header */
th {
	text-align: left;
	background-color: #5D7B9D;
	color: white;
	position: relative;
	cursor: default;
}

/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

/*Drag Panel*/
.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	/* background-image:url(images/header-opened.png); */
	text-align:center;
	cursor:move;
	font-weight:bold;
}

.overflowHidden {overflow:hidden;}

.overflowScroll {overflow:hidden;}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}
.gridLink{
	cursor:pointer;
	font-weight:bold;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Rounded Corners */
.mainCorners{position:relative;background-color:#fff;width:100%}
.cornersBottom{height:4px;clear:both;position:relative}#RNDCorners
.corner{font-size:0px;position:absolute;height:3px;width:3px;background:#fff no-repeat scroll top left}#RNDCorners
.cornerTL{top:0px;left:0px;background-image:url(Images/roundwhite_sprite.gif);background-position:0 -13px}#RNDCorners
.cornerTR{top:0px;right:0px;background-image:url(Images/roundwhite_sprite.gif);background-position:0 -21px}#RNDCorners
.cornerBL{bottom:0px;left:0px;background-image:url(Images/roundwhite_sprite.gif);background-position:0 -5px}#RNDCorners
.cornerBR{bottom:0px;right:0px;background-image:url(Images/roundwhite_sprite.gif);background-position:0 -29px}#RNDCorners