/* ********************************************************************** */
/* Global Behavior */
/* ********************************************************************** */
html,
form
{
    height: 100%; 
    background-color: #d1d1d1;
    margin: 0;
    padding: 0;    
    font-family: Arial, helvetica, sans-serif;    
    background: url(../images/bg_main.gif) repeat-y rgb(209,209,209) 50%;
    /*overflow: -moz-scrollbars-vertical !important;*/
}
body 
{
    height: 100%;
    margin: 0;
    behavior: url(/App_Common/Styles/csshover.htc);
}
td,
input,
select,
textarea
{
    font-family: Arial, helvetica, sans-serif;
    font-size: 11px;
    color: #333;
}

/* Container Behavior */
div.clsBody 
{
    margin: 0 auto;
    width: 985px;
    background: #fff;
    text-align: left;
    position: relative;
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */
    min-width: 985px;
}
.pdf,
.word,
.excel,
.notepad
{
    display: block;
    padding-left: 25px;
    height: 20px;
}
.pdf
{
    background: url(../images/ico_documents.gif) no-repeat 0px -3px;
}
.word
{
    background: url(../images/ico_documents.gif) no-repeat 0px -33px;
}
.excel
{
    background: url(../images/ico_documents.gif) no-repeat 0px -64px;
}
.notepad
{
    background: url(../images/ico_documents.gif) no-repeat 0px -95px;
}


/* *************************************************************************** */
/* Banner Section */
/* *************************************************************************** */
div.clsBody div.clsBannerContainer 
{
    background: url(../images/bg_banner.gif) no-repeat;
    height: 76px;
}

/* Shortcut format */
div.clsBody div.clsBannerContainer a.TGSLogo
{
    position: absolute;
    margin: 13px 0 0 32px;
    display: block;
    width: 122px;
    height: 58px;
    background: url(../images/logo_tgs.gif) no-repeat;
}
div.clsBody div.clsBannerContainer select,
div.clsBody div.clsBannerContainer input
{    
    font-size: 10px;
    color: #666;  
    border: 1px solid #c8ccd0;
}

/* Shortcut format */
div.clsBody div.clsBannerContainer select.shortcuts
{
    position: absolute;
    top: 7px;
    left: 586px;
    width: 145px;
}

/* Search format */
div.clsBody div.clsBannerContainer input.searchText
{
    position: absolute;
    top: 7px;
    left: 629px;
    width: 250px;
    height: 15px;
    _height: 16px;
    #height: 16px;
    padding: 0;
}
div.clsBody div.clsBannerContainer input.searchButton
{
    position: absolute;
    top: 7px;
    left: 878px;
    height: 17px;
    #height: 18px;
    _height: 18px;
    border-left: none;
}

/* Contact format */
div.clsBody div.clsBannerContainer a.contactLink
{
    position: absolute;
    top: 11px;
    left: 912px;
    font-family: Verdana;
    font-size: 10px;
    text-transform: capitalize;
    font-weight: normal;
    color: #a4b8cd;
}

/* *************************************************************************** */
/* Menu Section */
/* *************************************************************************** */
div.clsMenuContainer div.clsMenu
{
    position: absolute;
    top: 46px;
    right: 0;
    z-index: 100;
}
div.clsMenuContainer div.clsMenu ul 
{
    margin: 0;
    padding: 0;
}
div.clsMenuContainer div.clsMenu li 
{
	position: relative; 
	list-style: none;
  	float: left; 
  	font-size: 11px;
}
div.clsMenuContainer div.clsMenu li a
{
    color: #fff;
	display: block; 
}
div.clsMenuContainer div.clsMenu li a:hover
{
    text-decoration: none;
}
div.clsMenuContainer div.clsMenu li a.mainMenu,
div.clsMenuContainer div.clsMenu li a.mainMenu_Selected,
div.clsMenuContainer div.clsMenu li a.dataCenter,
div.clsMenuContainer div.clsMenu li a.dataCenter_Selected
{
	text-align: left;
	font-family: Verdana;	
	font-size: 12px;
	padding: 8px 10px;
}
div.clsMenuContainer div.clsMenu li:hover,
div.clsMenuContainer div.clsMenu li a.mainMenu:hover,
div.clsMenuContainer div.clsMenu li a.mainMenu_Selected:hover
{
    background: url(../images/bg_menurollover.gif) 0% 0%;
    color: #fff;
}
div.clsMenuContainer div.clsMenu li a.dataCenter,
div.clsMenuContainer div.clsMenu li a.dataCenter_Selected
{
    background: url(../images/bg_datacenter.gif) no-repeat 0% 0% rgb(0,0,0);
    padding: 8px 0px 8px 59px;
    width: 85px;
}
div.clsMenuContainer div.clsMenu li a.mainMenu_Selected,
div.clsMenuContainer div.clsMenu li a.dataCenter_Selected
{
    color: #06203d;
}
div.clsMenuContainer div.clsMenu li a.subMenuLevel2 
{
    font-size: 11px;
    font-family: Arial;
	padding: 5px 8px;
  	width: 165px;
}
div.clsMenuContainer div.clsMenu li a.subMenuLevel2:hover 
{	
	background: rgb(78,142,255);
}
div.clsMenuContainer div.clsMenu>ul a 
{
	width: auto;
}
div.clsMenuContainer div.clsMenu ul ul 
{
	position: absolute; 
	width: 182px;
  	visibility: hidden;
  	padding: 5px;
  	background: rgb(70,70,70);
  	background: rgb(20,20,20) !important;
  	opacity: 0.75 !important;
  	filter:alpha(opacity=75) !important;
  	
}
div.clsMenuContainer div.clsMenu ul.level1 li:hover ul.level2
{
	visibility: visible;
}


/* *************************************************************************** */
/* Body Section */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer
{
    overflow: hidden;
    padding-bottom: 75px;
    _padding-bottom: 0;
    margin-bottom: 75px;
    #margin-bottom: 0;
    _margin-bottom: 75px;
}
div.clsBody div.clsBodyContainer div.homepageText
{
    float: left;
    width: 683px;
    padding: 30px 10px 10px 30px;
    margin-right: 10px;
}
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnA,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnB,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnC
{
    float: left;
    width: 220px;
    margin-right: 7px;
    background-color: #d7dded;
}
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnA div.top,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnB div.top,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnC div.top
{
    height: 3px;
    background: url(../images/bg_homepageFeatures.gif); 
}
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnA div.image,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnB div.image,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnC div.image
{
    padding: 10px 12px 0;
}
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnA div.imageShadow,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnB div.imageShadow,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnC div.imageShadow
{
    height: 7px;
    background: url(../images/bg_homepageFeatures.gif) 0px -10px; 
}
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnA div.body,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnB div.body,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnC div.body
{
    height: 70px;
    padding: 12px;
}
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnA div.body h3,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnB div.body h3,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnC div.body h3
{
    margin: 0;
    font-weight: bold;
    font-size: 11px;
}
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnA div.bottom,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnB div.bottom,
div.clsBody div.clsBodyContainer div.homepageText div.threeColumnC div.bottom
{
    height: 3px;
    background: url(../images/bg_homepageFeatures.gif) 0px -21px; 
}
div.clsBody div.clsBodyContainer div.homepageText div.3columnC
{
    margin-right: 0;
}
div.clsBody div.clsBodyContainer div.homepageNews
{
    float: left;
    padding: 30px 10px 10px;
    width: 205px;
}
div.clsBody div.clsBodyContainer div.homepageNews div.pressReleaseList
{
    padding-bottom: 5px;
}
div.clsBody div.clsBodyContainer div.homepageNews div.pressReleaseList p
{
    padding: 0px;
    margin: 0;
}
div.clsBody div.clsBodyContainer div.homepageNews p.homepageNewsReadAll
{
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
div.clsBody div.clsBodyContainer div.flashCenterPiece
{
    border-bottom: 5px solid #667789;
    width: 985px;
    height: 268px;
}

/* Center's Page Left Column */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.centerLeftColumn
{
    float: left;
    width: 271px;
    margin-right: 46px;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav
{
    margin-top: 6px;
    background: url(../images/bg_subNavMenu.gif) rgb(216,221,238) no-repeat 0px 0px;
    overflow: hidden;
    padding: 11px 15px;
    margin-top: -20px;
    position: relative;
}

/* Center's Page Left Column */
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul ul
{
    width: 186px;
    padding-left: 17px;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul,
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li
{
    list-style: none;
    padding: 4px 0;
    margin: 0;    
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li a
{
    text-decoration: none;
    /* text-transform: capitalize; */
}

/* Level 1 */
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1,
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1_expanded
{
    padding-left: 18px;
    font-weight: bold;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1_expanded
{
    background: url(../images/bg_subNavMenu_Level2.gif) rgb(48,64,80) no-repeat;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1_expanded a
{
    color: #fff;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1_expanded a:hover,
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1_expanded ul li.level2 a:hover
{
    color: #add4ff;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1_expanded a.selected
{
    color: #fff;
    display: block;
    background: url(../images/arrow_subNav_Level1.gif) no-repeat 5px 3px;
    padding-left: 18px;
    margin-left: -18px;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1_expandedClose
{
    background: url(../images/bg_subNavMenu_Level2.gif) rgb(48,64,80) 100% 100% no-repeat;
    padding: 0;
    margin-top: -6px !important;
    margin: 0;
}

/* Level 2 */
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1_expanded ul li.level2 a
{
    color: #fff;
    font-weight: normal;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.centerSubNav ul li.level1_expanded ul li.level2 a.selected
{
    display: block;
    background: url(../images/arrow_subNav_Level2.gif) rgb(103, 133, 167) no-repeat;
    padding: 3px 0;
    padding-left: 18px;
    color: #304050;
    font-weight: bold;
    margin-left: -18px;
}

div.clsBody div.clsBodyContainer div.centerLeftColumn div.resources
{
    padding: 10px 30px;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn div.resources a.resourceReadMore
{
    background: url(../images/ico_readMore.gif) no-repeat 0 50%;
    display: block;
    padding-left: 20px;
    text-transform: capitalize;
    font-weight: bold;
}

/* Center's Page Right Column */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.centerRightColumn
{
    float: left;
    width: 638px;
    margin-top: 25px;
    padding: 0 15px;
}

/* Site Wide */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.centerLeftColumn a.LOTM
{
    display: block;
    width: 242px;
    height: 62px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -705px;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn a.dataZone
{
    display: block;
    width: 242px;
    height: 62px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -794px;
}

/* Geophysical */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.centerLeftColumn a.PRIMAFAQ
{
    display: block;
    width: 242px;
    height: 62px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -526px;
}

/* Geological */
/* *************************************************************************** */
/* Login */
div.clsBody div.clsBodyContainer div.subBanner div.loginLinks
{
    position: absolute;
    margin-top: 20px;
    margin-left: 790px;
    padding: 2px 0px 2px 25px;
    color: #fff;
}
div.clsBody div.clsBodyContainer div.subBanner div.loginLinks a
{
    font-weight: bold;
    font-family: Verdana;
    color: #fff;
}
div.clsBody div.clsBodyContainer div.subBanner div.loginLinks img
{
    padding-top: 10px;
}
/* Left Banner */
div.clsBody div.clsBodyContainer div.centerLeftColumn a.FMBFAQ
{
    display: block;
    width: 242px;
    height: 62px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -438px;
}


/* Investor Relations Center (Main) */
/* News & Media Center (Main) */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressRelease,
div.clsBody div.clsBodyContainer div.centerRightColumn div.financialNews
{
    float: left;
    padding-right: 30px;
    width: 289px;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressRelease table tr td,
div.clsBody div.clsBodyContainer div.centerRightColumn div.event table tr td,
div.clsBody div.clsBodyContainer div.centerRightColumn div.generalNews table tr td
{
    padding: 0;
    margin: 0;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressRelease table tr td p,
div.clsBody div.clsBodyContainer div.centerRightColumn div.event table tr td p,
div.clsBody div.clsBodyContainer div.centerRightColumn div.generalNews table tr td p
{
    padding-bottom: 15px;
    margin: 0;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.event,
div.clsBody div.clsBodyContainer div.centerRightColumn div.financialOfficers
{
    float: left;
    width: 319px;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.generalNews
{
    margin-top: 0px;
    padding-top: 0px;
    clear: both;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn a.subscribePress
{
    display: block;
    width: 242px;
    height: 62px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -96px;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn a.OsloMarkers
{
    display: block;
    width: 242px;
    height: 54px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -269px;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn a.whereToTradeTGS
{
    display: block;
    width: 242px;
    height: 62px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -185px;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn a.orderAnnualReport
{
    display: block;
    width: 242px;
    height: 62px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -5px;
}
div.clsBody div.clsBodyContainer div.centerLeftColumn a.RSS
{
    display: block;
    width: 242px;
    height: 62px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -349px;
}

/* Press release page */
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressReleaseYear
{
    background-color: #e6e6e6;
    padding: 5px 15px;
    overflow: hidden;
    margin-bottom: 20px;
    #height: 18px;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressReleaseYear ul,
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressReleaseYear ul li
{  
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressReleaseYear ul li a
{
    display: block;
    padding: 2px 10px; 
    text-decoration: none;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressReleaseYear ul li a:hover,
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressReleaseYear ul li a.selected
{
    background-color: #628cb7;
    color: #e6e6e6;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressReleaseList    
{
    padding-bottom: 5px;
    border-bottom: 1px dashed #c5c5c5;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressReleaseList p
{
    padding: 0px;
    margin: 0;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.pressRelease div div.pressReleaseList
{
    border-bottom: none;
}


/* Career Center (Main) */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.centerRightColumn div.workingAtTgS
{
    padding-right: 30px;
    width: 289px;
    float: left;
}
div.clsBody div.clsBodyContainer div.centerRightColumn div.jobOpportunities
{
    width: 319px;
    float: left;
}

/* Contact Us (Main) */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.centerLeftColumn a.reqInfo
{
    display: block;
    width: 242px;
    height: 62px;
    margin-left: 15px;
    background: url(../images/btn_banners.jpg) no-repeat -8px -616px;
}

/* Data Center Listing (Main) */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.dataZone
{
    padding: 30px 0 0 30px;
    overflow: hidden;
}
div.clsBody div.clsBodyContainer div.dataZone div
{
    padding: 0;
    float: left;
    width: 287px;
    margin-right: 30px;
}
div.clsBody div.clsBodyContainer div.dataZone div p
{
    padding: 0;
    margin: 0;
}
div.clsBody div.clsBodyContainer div.dataZone div h2
{
    letter-spacing: -1px;
    margin-bottom: 15px;
}
div.clsBody div.clsBodyContainer div.dataZone div h2 a:hover
{
    text-decoration: none;
}
div.clsBody div.clsBodyContainer div.dataZone div a
{
    font-weight: normal;
}
div.clsBody div.clsBodyContainer div.dataZone div a.readmore
{
    font-weight: normal;
}

div.clsBody div.clsBodyContainer div.dataZone div.APHighlights
{
    margin-right: 0;
}

/* Data Center Detail Specific */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.dataZoneDetail_Banner
{
    background: url(../images/bg_dataZoneDetail_ban.jpg) no-repeat;
    height: 183px;
}    
div.clsBody div.clsBodyContainer div.dataZoneDetail_Banner p
{
    margin: 0;
    padding: 0;
}
div.clsBody div.clsBodyContainer div.dataZoneDetail_Banner div.loginLinks
{
    text-align: right;
    position: absolute;
    color: #fff;
    left: 790px;
    top: 85px;
    padding-left: 25px;
    padding-top: 20px;
}
div.clsBody div.clsBodyContainer div.dataZoneDetail_Banner div.loginLinks a
{
    font-weight: bold;
    font-family: Verdana;
    color: #fff;
}
div.clsBody div.clsBodyContainer div.dataZoneDetail_Banner div.loginLinks img
{
    padding-top: 10px;
}
div.clsBody div.clsBodyContainer div.dataZoneDetail_Banner span.dataZoneSectionTitle
{
    color: #314050;
    font-size: 26px;
    font-family: Verdana;
    padding: 0;
    display: block;
    position: absolute;
    margin-top: 93px;
    margin-left: 31px;
}
div.clsBody div.clsBodyContainer div.dataZoneDetail_Banner p.dataZoneAlternativeRegion
{
    position: absolute;
    margin-top: 150px;
    margin-left: 18px;
}
div.clsBody div.clsBodyContainer div.dataZoneDetail_Banner p.dataZoneAlternativeRegion a
{
    display: block;
    font-size: 10px;
    text-decoration: none;
}
div.clsBody div.clsBodyContainer div.dataZoneDetail_Banner h1
{
    position: absolute;
    margin-top: 148px;
    margin-left: 320px;
    color: #fff;
    font-family: Verdana;
    font-size: 20px;
    font-weight: normal;
}

div.clsBody div.clsBodyContainer div#loadingPage
{
    border: 2px solid #37628c;
    position: absolute;
    background-color: #cedae7;
    padding: 10px 25px;
    margin-left: 375px;
    margin-top: 530px;
    z-index: 100;
    top: 0;
    left: 0;
    text-align: center;
}

/* Tab Area */
div.clsBody div.clsBodyContainer div.viewOptions
{
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    border-top: 2px solid #37628c;
    border-left: 2px solid #37628c;
    border-right: 2px solid #37628c;
    background: url(../images/bg_dataZoneDetail_viewOptions.gif) repeat-x rgb(39,78,118) 0% 0%;
    border-bottom: 4px solid #cedae7;
    overflow: hidden;
    height: 29px;
}
div.clsBody div.clsBodyContainer div.viewOptions h2
{
    margin: 0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-family: Tahoma;
    padding: 6px 10px;
}
div.clsBody div.clsBodyContainer div.viewOptions a
{
    margin: 0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-family: Tahoma;
    padding: 6px 10px;
    display: block;
    float: left;
    width: auto;
    margin-top: 4px;
}
div.clsBody div.clsBodyContainer div.viewOptions a:hover,
div.clsBody div.clsBodyContainer div.viewOptions a.selected
{
    color: #37628c;
    background: url(../images/bg_dataZoneDetail_viewOptions_r.gif) repeat-x 0% 100%;
}

/* List all regional data */
div.clsBody div.clsBodyContainer div.viewOptions p
{
    position: absolute;
    top: 280px;
    left: 800px;
    width: 130px;
    margin: 0;
    padding: 0;
}
div.clsBody div.clsBodyContainer div.viewOptions p a.button,
div.clsBody div.clsBodyContainer div.viewOptions p a.button:hover
{
    float: left;
    background: url(../images/btn_background.gif) no-repeat 0px -21px;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    border: 0;
    text-transform: capitalize;
    text-decoration: none;
    padding: 2px 5px 2px 10px;
    display: block;
    height: 16px;
}
div.clsBody div.clsBodyContainer div.viewOptions a.MapHelp,
div.clsBody div.clsBodyContainer div.viewOptions a.MapHelp:hover
{
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 280px;
    left: 940px;
    background: url(../images/ico_MapHelp.gif) no-repeat;
}
div.clsBody div.clsBodyContainer div.viewOptions span.rightButtonEnd
{
    float: left;
    display: block;
    width: 5px; 
    height: 16px;
    margin-top: 4px;
    background: url(../images/btn_background.gif) no-repeat 100% -21px;
}

/* Content Area */
div.clsBody div.clsBodyContainer div.dataContainer
{
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    border: 2px solid #37628c;
    overflow: hidden !important;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer
{
    height: 459px;
}
/* PIP Detail page */
div.clsBody div.clsBodyContainer div.contentContainer
{
    margin: 0 15px;
    padding: 15px;
    border: 2px solid #37628c;
}
div.clsBody div.clsBodyContainer div.contentContainer table,
div.clsBody div.clsBodyContainer div.centerRightColumn table.tgsTable,
div.floatingDivContent table
{
    width: 100%;
}
div.clsBody div.clsBodyContainer div.contentContainer table th,
div.clsBody div.clsBodyContainer div.contentContainer table td,
div.clsBody div.clsBodyContainer div.centerRightColumn table.tgsTable th,
div.clsBody div.clsBodyContainer div.centerRightColumn table.tgsTable td,
div.floatingDivContent table th,
div.floatingDivContent table td
{
    padding: 5px 10px;
    font-size: 11px;
}
div.clsBody div.clsBodyContainer div.contentContainer table th,
div.clsBody div.clsBodyContainer div.centerRightColumn table.tgsTable th,
div.floatingDivContent table th
{
    background-color: #435466;
    color: #fff;
    text-align: left;
}


/* PIP Container */
/* What's new */
/* Licensing Rounds Container */
/* Line of the month */
/* Interpretation Studies and Reports */
/* All Survey */
div.clsBody div.clsBodyContainer div.dataContainer div#PIPLayer,
div.clsBody div.clsBodyContainer div.dataContainer div#WNLayer,
div.clsBody div.clsBodyContainer div.dataContainer div#LicensingRoundLayer,
div.clsBody div.clsBodyContainer div.dataContainer div#LOTMLayer,
div.clsBody div.clsBodyContainer div.dataContainer div#ISRLayer,
div.clsBody div.clsBodyContainer div.dataContainer div#AllSurvey
{
    padding: 15px
}
div.clsBody div.clsBodyContainer div.dataContainer div#PIPLayer table,
div.clsBody div.clsBodyContainer div.dataContainer div#WNLayer table,
div.clsBody div.clsBodyContainer div.dataContainer div#LicensingRoundLayer table,
div.clsBody div.clsBodyContainer div.dataContainer div#LOTMLayer table,
div.clsBody div.clsBodyContainer div.dataContainer div#ISRLayer table,
div.clsBody div.clsBodyContainer div.dataContainer div#AllSurvey table,
div#PIPLayerListing table,
div#info table.googleBubbleTitle
{
    width: 100%;
}
div.clsBody div.clsBodyContainer div.dataContainer div#PIPLayer table th,
div.clsBody div.clsBodyContainer div.dataContainer div#WNLayer table th,
div.clsBody div.clsBodyContainer div.dataContainer div#LicensingRoundLayer table th,
div.clsBody div.clsBodyContainer div.dataContainer div#LOTMLayer table th,
div.clsBody div.clsBodyContainer div.dataContainer div#ISRLayer table th,
div.clsBody div.clsBodyContainer div.dataContainer div#AllSurvey table th,
div#PIPLayerListing table th,
div#info table.googleBubbleTitle tr th
{
    background: rgb(219,219,219);
    font-weight: bold;
    padding: 5px 10px;
}
div.clsBody div.clsBodyContainer div.dataContainer div#PIPLayer table td,
div.clsBody div.clsBodyContainer div.dataContainer div#WNLayer table td,
div.clsBody div.clsBodyContainer div.dataContainer div#LicensingRoundLayer table td,
div.clsBody div.clsBodyContainer div.dataContainer div#LOTMLayer table td,
div.clsBody div.clsBodyContainer div.dataContainer div#ISRLayer table td,
div.clsBody div.clsBodyContainer div.dataContainer div#AllSurvey table td,
div#PIPLayerListing table td
{
    padding: 5px 10px;
}
div.clsBody div.clsBodyContainer div.dataContainer div#PIPLayer table tr th a.contactUs,
div.clsBody div.clsBodyContainer div.dataContainer div#WNLayer table tr th a.contactUs,
div.clsBody div.clsBodyContainer div.dataContainer div#LicensingRoundLayer table tr th a.contactUs,
div.clsBody div.clsBodyContainer div.dataContainer div#LOTMLayer table tr th a.contactUs,
div.clsBody div.clsBodyContainer div.dataContainer div#ISRLayer table tr th a.contactUs,
div.clsBody div.clsBodyContainer div.dataContainer div#AllSurvey table tr th a.contactUs,
div#PIPLayerListing table tr th a.contactUs
{
    display: inline-block;
    background: url(../images/ico_symbols.gif) no-repeat 0 -89px;
    width: 20px;
    height: 13px;
}
a.contactUsGoogle
{
    display: block;
    text-align: right;
    padding: 0 15px 3px;
}


/* List all survey */
div.clsBody div.clsBodyContainer div.listAllSurveyBreadcrumb
{
    padding: 10px 18px 0;
}
div.clsBody div.clsBodyContainer div.dataContainer div#AllSurvey table tr td p
{
    width: 33%;
    height: 35px;
    float: left;
}

/* Interactive Map */
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#left
{
    width: 225px;
    float: left;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#left h3
{
    color: #314050;
    background-color: #6ea6e2;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#left div
{
    font-size: 10px;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#left div#toc
{
    background-color: #cedae7;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#left div#toc div input
{
    margin-right: 5px;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#left div#div2
{
    text-align: center;
    padding: 10px;
    background-color: #cedae7;
    overflow: hidden;
    height: 30px;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#left div#div2 p
{
    margin: 0 5px;
    padding: 0 5px 0 0;
    float: left;
    background: url(../images/btn_background.gif) no-repeat 100% 0%;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#left div#div2 p button
{
    background: url(../images/btn_background.gif) no-repeat;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    border: 0;
    padding: 3px 0px 3px 5px;
    text-transform: capitalize;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer p.searchResultTitle
{
    background: url(../images/bg_dataZoneDetail_Map_TitleResult.gif) no-repeat;
    text-transform: capitalize;
    font-family: Tahoma;
    font-size: 10px;
    color: #fff;
    padding: 4px 15px;
    margin: 0;
    font-weight: bold;
    clear: both;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#surveyList
{
    height: 176px;
    #height: 137px;
    _height: 137px;
    overflow: auto;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#surveyList ul,
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#surveyList ul li
{
    padding: 0;
    margin: 0;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#surveyList ul li img.legion
{
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#surveyList ul li a
{
    display: block;
    padding: 2px 2px 2px 2px;
    background:no-repeat;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#surveyList ul li a.areaSelected
{
    display: block;
    padding: 2px 2px 2px 2px;
    color: #314050;
    font-weight: bold;
    background:rgb(110,166,226) no-repeat;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#surveyList ul li.alternateRow
{
    background-color: #e9e9e9;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#mapContainer
{
    float: left;
    width: 726px;
    height: 459px;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#mapContainer div#gmap
{
    width: 100%;
    height: 100%;
}
div.clsBody div.clsBodyContainer div.dataContainer div#InteractiveMapLayer div#loading 
{
    border: 2px solid #37628c;
    position: absolute;
    background-color: #cedae7;
    padding: 10px 25px;
    margin-left: 517px;
    margin-top: 530px;
    z-index: 100;
    top: 0;
    left: 0;
    text-align: center;
}


/* Form pages */
/* *************************************************************************** */
div.clsBody div.clsBodyContainer div.subBanner h1,
div.clsBody div.clsBodyContainer div.subBanner span.sectionTitle
{
    position: absolute;
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-weight: normal;
}
div.clsBody div.clsBodyContainer div.subBanner h1
{
    left: 319px;
    top: 225px;
    color: #fff;
    font-size: 20px;
}
div.clsBody div.clsBodyContainer div.subBanner span.sectionTitle
{
    left: 30px;
    top: 170px;
    font-size: 26px;
    color: #314050;
}
div.clsBody div.clsBodyContainer div.centerRightColumn table.tableForms
{
    width: 350px;
}
div.clsBody div.clsBodyContainer div.centerRightColumn table.tableForms input.textBox,
div.clsBody div.clsBodyContainer div.centerRightColumn table.tableForms select
{
    font-size: 11px;
    width: 200px;
}

/* Google Bubble pages */
/* *************************************************************************** */
div#info table.googleBubbleTitle tr th a.telephoneIcon
{
    display: inline-block;
    background: url(../images/ico_symbols.gif) no-repeat 0 -89px;
    width: 20px;
    height: 13px;
    margin-left: 20px;
}


/* *************************************************************************** */
/* Footer Section */
/* *************************************************************************** */
div.clsFooterContainer
{
    width: 100%;
    position: absolute;
    bottom: 0 !important;
    bottom: -1px; /* For Certain IE widths */
    font-size: 10px;
    height: 50px;
    background: rgb(0,52,102);
    color: #c1c1c1;
    clear: both;
}
div.clsFooterContainer p
{
    margin: 0;
    padding: 5px 0 0 10px;
}
div.clsFooterContainer p a
{
    display: inline-block;
    color: #c1c1c1;
    text-transform: capitalize;
    border-right: 1px solid #c1c1c1;
    padding: 0 10px;
}

/* Firefox specific */
div.clsFooterContainer p a.firstElement
{
    padding-left: 0px;
}
div.clsFooterContainer p a.lastElement
{
    border: none;
}


/* *************************************************************************** */
/* Google Map */
/* *************************************************************************** */
div#info,
div#gmap,
div#gmap div,
div#gmap table tr td,
div#gmap table tr th,
div#gmap input
{
    font-family: Tahoma;
    font-size: 11px;
}
div#info a.t1
{
    padding-left: 16px;
    display: inline-block;
    height: 20px;
    background: url(../images/ico_symbols.gif) no-repeat -3px 4px;
}
div.floatingDivContent
{
    padding: 1em;
}

/* *************************************************************************** */
/* Specific Behavior */
/* *************************************************************************** */
.SEOTexts,
.hiddenText
{
    display: none;
}
.shorttextbox
{
    width: 150px;
}
.longtextbox
{
    width: 300px;
}
.smalltextarea
{
    width: 300px;
}
.largetextarea
{
    width: 650px;
    height: 200px;
}
p.buttonContainer
{
    margin: 0;
    padding: 0 5px 0 0;
    float: left;
    background: url(../images/btn_background.gif) no-repeat 100% 0%;
}
.button
{
    background: url(../images/btn_background.gif) no-repeat;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    border: 0;
    display: block;
    padding: 3px 5px 3px 10px;
    text-transform: capitalize;
}
.redFont
{
    color: Red;
}
.feed
{
	margin-left: 10px;
	padding: 0 0 0 17px;
	background: url( "../images/feed-icon-12x12.png" ) no-repeat 0 50%;
}