﻿/* DEFAULTS
----------------------------------------------------------*/
@font-face {
    font-family: "LabGrotesque-Medium";
    src: url('/Styles/fonts/LabGrotesque-Medium.woff') format('woff'), url('/Styles/fonts/LabGrotesque-Medium.woff2') format('woff2');
    font-weight: normal;
    font-weight: 400;
}
* {
  margin: 0;
  padding: 0;
}
body
{
    /*background-color: #cccccc;
    background-image: url('../Images/Stripes2.png');
    background-repeat: repeat;*/
    font-size: .9em;
    font-family:Verdana, Arial, Helvetica; /*"Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;*/
    margin: 0px;
    padding: 0px;
    color: Black;
}
.mainCol
{
    width:auto;
position:relative;
display:table;
}
a > img
{
    text-decoration:none;
    border:0;
} 
a:link, a:visited
{
    color: #034af3;
    text-decoration: none;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
        text-decoration: none;
}

p
{
    margin-bottom: 7px;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    text-transform: none;
    font-weight: bold;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    /*min-width:550px;*/
    /*max-width: 1800px;*/
    background-color: #fff;
    margin:0;
   /* padding:0px 20px 10px 0px;*/
    text-align:left;
    overflow:hidden;
    overflow-x:hidden;
  /*  border:3px solid;
    border-color:#dddddd;*/
}
.wrapper
{
    width: 100%;
}

.mason
{
  color:Black;
  border:1px solid #C2E9ED;
  padding:10px;
  margin-bottom:10px;
  box-shadow: 2px 2px 2px #dddddd; 
  -moz-box-shadow: 2px 2px 2px #dddddd; 
  -webkit-box-shadow: 2px 2px 2px #dddddd;   
/*  box-shadow: 2px 2px 2px #C2E9ED; 
  -moz-box-shadow: 2px 2px 2px #C2E9ED; 
  -webkit-box-shadow: 2px 2px 2px #C2E9ED;   */
}
.blueBox
{
  border:1px solid #C2E9ED;
  padding:10px;
  margin-bottom:10px;
  box-shadow: 2px 2px 2px #dddddd; 
  -moz-box-shadow: 2px 2px 2px #dddddd; 
  -webkit-box-shadow: 2px 2px 2px #dddddd;   
}
.blueBox2
{
        float:left;
    width:180px;
    height:140px;
    margin:5px 0px 0px 5px;
  border:1px solid #C2E9ED;
  box-shadow: 2px 2px 2px #dddddd; 
  -moz-box-shadow: 2px 2px 2px #dddddd; 
  -webkit-box-shadow: 2px 2px 2px #dddddd;   
}
.header
{
    width:100%;
    background-image: url('/Images/Seafoodcom_header_logo_2014_02.jpg');
    /*background-image: url('/Images/seafood_bar.png');*/
    background-repeat:repeat-x;
    display:block;
    padding:0px;
    height:71px;
    float:left;
}
.hLeft
{
  float:left;
  width:307px;   
  height:71px; 
}

.hCenter
{
    padding-top:30px;
    float:left;
    width:auto;
    height:71px;
}

.hRight
{
  float:right;
  width:131px;  
  height:71px;  
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}
.emailIcon
{
    display:inline;
}
.emailIconWrapper
{
    display:inline;
}
/*
.emailIcon
{
    width:65px;
    padding:2px 3px;
    background-color:silver;   
    border-radius:3px;   
    -moz-border-radius:3px;   
    -webkit-border-radius:3px;      
}
.emailIconWrapper
{
    display:inline;
    padding:4px 4px;
    width:73px;
}
*/
.main
{
    padding:5px 20px;
    margin: 0px 0px;
    /*min-height: 720px;*/ 
    /*overflow: hidden;*/
}

#story {
    color:Black;
    padding:10px;
    display:table-row;
}

#storyHeader
{
    padding-bottom:20px;
}
#storyTitleHeader, #storyTitleHeader a 
{
     display:inline;
     color:#004990;
     font-size: 10pt;
     vertical-align:text-top;
     padding:4px;
}
#storyTitleHeader img 
{
     margin:0 0 -3px 0;
}

.leftCol p
{
    padding:0;
}

.headline
{
    text-decoration:none;
    color: #004990 !important;
}

.headline:hover
{
    color:#50c6ee !important;
}
 .numhits
{
    color:Red !important;
    font-size:8pt;
}


.leftCol h2
{
   background-color: #115e94;
   color:#fff;
   text-align:center; 
   font-size:12pt;
}


.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/* New Navigation Menu */
.mainNav
{
    width:100%;
    background-color: #115e94;
}
.mainNav ul
{
    list-style:none;
    overflow:hidden; 
}

.mainNav ul li
{
    float:left;
    padding: 5px 15px 5px 15px;
}

.mainNav ul li a
{
    text-decoration:none;
    font-size:12pt;
    color: #fff;
}

.mainNav ul li a:hover
{
    background-color: #6699FF;
    color: #fff;
}
/* End New Navigation Menu */
/* Old Navigation Menu */

div.taMenu
{
    width: 100%;
    display: inline;
    color:White;
}
div.taMenu a
{
    color:White;
}
div.taMenu ul
{
    list-style-type: none;
    display: inline;
}
div.taMenu li
{
    display: inline;
    font-size:13px;
}
#submenu
{
    list-style-type: none;
    display: block;
    position:absolute;
    background-color:#00a3b4;
    display:none;
    font-size:1.3em;
    border:1px solid;
    border-color:#50c6ee;
    z-index:99;
    padding:2px 4px;
    box-shadow: -2px 3px 3px #111111; 
    -moz-box-shadow: -2px 3px 3px #111111;
    -webkit-box-shadow: -2px 3px 3px #111111; 
    border-radius:6px;   
    -moz-border-radius:6px;   
    -webkit-border-radius:6px;  
}
#submenu li 
{
    padding: 5px;
}
#scomSearch
{
    list-style-type: none;
    display: block;
    position:absolute;
    background-color:#00a3b4;
    display:none;

    border:1px solid;
    border-color:#50c6ee;
    z-index:99;
    padding:11px 13px;
    box-shadow: -2px 3px 3px #111111; 
    -moz-box-shadow: -2px 3px 3px #111111;
    -webkit-box-shadow: -2px 3px 3px #111111; 
    border-radius:6px;   
    -moz-border-radius:6px;   
    -webkit-border-radius:6px; 
    margin-top:3px; 
}
#submenu li
{
    display: block;
}

/* end old menu */
#loginWrapper
{   
    padding:0;
    /*width:322px;*/
    /*height:198px;*/
    position:relative;
        margin:0 auto;
}
#loginSignupWrapper
{   
    
    padding:0;
    width:auto;
    position:relative;
}
#loginBox
{

    /*height:300px;*/
    border:1px solid #005595;
    padding: 10px;

    background-color: #E0E0E0;
    border-radius:10px;
}

#loginBox label
{
    font-size:9pt;
    color:#184259;
    font-family:Verdana, Arial;
    font-weight:bold;

    float:left;
}
/*
#loginBox input
{
    margin-bottom:5px;
    width:175px;
}*/

#loginHeader, #expandLogin
{
    width:95%; 
    height:auto; 
    background-color:#004990; 
    padding:2px 0;
    margin:5px 5px 10px 5px;
    text-align: center;
    font-size:10pt; 
    color: #FFF;
    border:1px solid;
    border-color:#1975CC;/*#00284E*/
    box-shadow: -2px 3px 3px #111111; 
    -moz-box-shadow: -2px 3px 3px #111111;
    -webkit-box-shadow: -2px 3px 3px #111111; 
    border-radius:6px;   
    -moz-border-radius:6px;   
    -webkit-border-radius:6px;  
}

#loginComment
{
    float:left;
}
/*.subscribeText
{
    font-size:11pt;
    line-height:150%;
}*/
.alert, .reason
{
    color:Red;
    font-weight:bold;
}

.boldItalic
{
    font-weight:bold;
    font-style:italic;
}

a
{
    text-decoration:none;
}

.linkButton
{
    width:20px;
    background-color:#005595;
    cursor:pointer;
    padding:2px 10px 5px 10px;
    color:#fff !important;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.loginButton
{
    background-color:#004990;
    border-color:#1975CC;
    cursor:pointer;
    padding:3px 10px 4px 10px;
    color:#fff !important;
    font-size:11pt;
    border-radius: 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
.loginButtonHelp
{
    display:none;
    background-color:#C9C9C9;
    border-color:#EBEBEB;
    cursor:pointer;
    padding:3px 8px 4px 8px;
    color:#000 !important;
    font-size:11pt;
    font-weight: bold;
    border-radius: 15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}
.txtInput input
{
    width:149px;
}
#loginBox2
{
    width:300px;
    /*height:300px;*/
    border:1px solid #005595;
    padding: 10px;
margin:0 auto;
    background-color: #E0E0E0;
    border-radius:10px;
}
#loginBox2 input
{
    margin-bottom:5px;
    width:175px;
}
#loginBox2 label {
font-size: 9pt;
color: #184259;
font-family: Verdana, Arial;
font-weight: bold;
width: 100px;
float: left;
}
.blueText
{
    color:#004990;
}
.blueTitle
{
      font-weight:bold;
  font-size:11pt; 
  color:#004990;
}
.subHeader
{
    font-size:9pt;
    color:#184259;
    font-family:Verdana, Arial;
    font-weight:bold;
}


#sidebar
{
    width:50px;
    float:left;
}

.prevLink
{
    float:left;
    color:#fff;
}

.nextLink
{
    float:right;
    color:#fff;
}

.col
{
    width:294px;
    float:left;
    clear:none;
    padding-left: 8px;
    margin-top: 10px;
}

.col hr
{
   margin-top: 3px;
   margin-bottom: 3px;

}

#subPanelLeft
{
    padding-top:10px;
    padding-left:10px;
    width:700px;
    float:left;
}

#subPanelRight
{
    padding-top:10px;
    padding-right:10px;
    width:200px;
    float:right;
}

/* LAR 4/30/2012 */       	
   #reporterHeader
   {
       width:680px;
       margin:0 auto;
       font-size:10pt;
   }
   
   #reporterHeader img
   {
       float:left;
   }
   
   #snNav
   {
       float:right;
   }
   
   .line
   {
       width:700px;
       margin:0 auto;
       border:1px solid #cccccc;
       
   }
   
   #reporterContent, #repSearch
   {
       width:760px;
       margin:0 auto;
       font-size:10pt;
       border:1px solid #6A9CC1;
       padding:20px;
       overflow:hidden;
   }
   
   #currentImage
   {
       float:left;
   }
   
   
     
   .reporterItem
   {
       float:left;
       width:155px;
       padding:0px 7px 0px 7px;
       text-align:center;
   }

/* END LAR 4/30/2012 */  

.weeklySumNav, .magNav
{
    width:900px;
    background-color:#6A9CC1;
    margin:0 auto;
    overflow:hidden;
    font-size: 11pt;
}

.magNav
{
    width:800px;
}

.weeklySumNav li, .magNav li
{
    float:left;
    list-style:none;
}

.weeklySumNav li a, .magNav li a
{
    display: block;
    padding: 0 20px;
    line-height:2.1em;
    text-decoration:none;
    color:#fff;    
}

.newsLetterSelected
{
     background-color:#cccccc;
     color:#000 !important;
}

#nlIndex .yearNav
{
    width:860px;

}

#repIndex .yearNav
{
    width:760px;

}

.yearNav
   {
        width:680px;
        margin:0 auto;
        overflow:hidden;
        padding:0px 20px 0px 20px;
        background-color:#ccc;
   }
   
     
   .yearNav li
   {
       float:left;
       list-style:none;
   }
   
   .yearNav li a
   {
       display: block;
       padding: 0 20px;
       line-height:2.1em;
       text-decoration:none;
       color:#fff;
   }
   
   .yearNav li a
   {
       color:#6A9CC1;
       font-weight:bold;
   }
   
   .yearNav li a:hover, .yearNav li a:focus
   {
     background-color:#cccccc;
     color:#000;
   }

.newsLetter
{
    width:100px;
}

.nlContent
{
    width:860px;
    margin:0 auto;
    border:1px solid #6A9CC1;
    padding:20px;
    overflow:hidden;    
}

.nlContent li
{
    float:left;
    list-style:none;
}


.nlContent li a
{
    display: block;
    padding: 0 20px;
    line-height:2.1em;
    text-decoration:none; 
}

.comment
{
    display:block;
    color:#184259;
    font-size: 11pt;
    padding:10px;
    font-weight:bold;
}

.author
{
    font-style:italic;
    color:#696969;
    font-size:9pt;
    font-weight:bold;
}

#about, #account
{
    width:780px; 
    margin:0 auto; 
    padding-top:10px;
    font-size:10pt;
}

#about ul
{
    padding-left:20px;
    padding-right:20px;
}

#about ul li
{
    color: #184259;
    padding:10px 10px;
}

#contactus
{
       width:780px;
       margin:0 auto;
       font-size:10pt;
       border:1px solid #6A9CC1;
       padding:20px;
       overflow:hidden;
    
}

.contactUsItem
{
    float:left;
    padding-right:30px;
}

.contactUsItem p
{
    padding:0px;
    margin:0px;
}

#account tr 
{
    padding-bottom:10px;
}

#forum .createDate, #forum .createUser
{
    color:#6A9CC1;
}

#forum table td
{
    padding:10px 20px 10px 20px;
}

#forum .bottomBorderCell
{
  border-bottom:1px solid #115e94;
}

#txtComments
{
    margin-bottom:10px;
}

#forumSubmit
{
    margin-top:10px;
}

#forumComment p
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:8pt;
}
.biglnks
{
   margin-bottom:.8em;  
}
.biglnks a
{
    line-height: 1.3em;  
}
.biglnks a:link
{
    color:#000000;
    font-size:11pt;
    font-weight:bolder;
}

.biglnks a:hover
{
    color:#115e94;
}
.biglnks a:visited
{
    color:#000000;
}
.biglnks a:active
{
    color:#115e94;
}
a.biggerlnks:link
{
    color:Black;
    font-size:12pt;
    font-weight:bolder;
}

a.biggerlnks:hover
{
    color:Blue;
}
a.biggerlnks:visited
{
    color:Black;
}
a.biggerlnks:active
{
    color:Black;
}
#had 
{
  padding-bottom: 17%;  /*12.83%;*/
  display: block;
  position: relative;    
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}
#hadLogin
{
  padding-bottom: 17%;  /*12.83%;*/
  display: block;
  position: relative;    
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}
#lad 
{
    text-align:center;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:5px;
}
.vid
{
  padding-bottom: 65%;
  display: block;
  position: relative;
  text-align:left;
}
.fmcomment
{
    padding:1px;
    font-size:8pt;
}
#ad
{
  width:160px;
  padding:12px 0px;
  margin:0px auto; 
}
.signUp
{
  width:200px;
  padding:5px 0px;
  margin:0px auto; 
}
#sad
{
  width:170px;
  padding:5px 0px;
  margin:0px auto; 
}
#twitter
{
  margin:0px auto; 
}
#headlines p
{
     line-height:1em;   
}
#headlines hr
{
    border: 0;
    /*border-bottom: 1px solid #ccc;*/
    padding:1px 0;
    /*background: #999;*/
}
.dayTitle
{
    width:95%; 
    height:auto; 
    background-color:#00a3b3; 
    padding:2px 0;
    margin:5px 5px 10px 5px;
    text-align: center;
    font-size:10pt; 
    color: #FFF;
    border:1px solid;
    border-color:#50c6ee;
    box-shadow: -2px 3px 3px #111111; 
    -moz-box-shadow: -2px 3px 3px #111111;
    -webkit-box-shadow: -2px 3px 3px #111111; 
    border-radius:6px;   
    -moz-border-radius:6px;   
    -webkit-border-radius:6px;   
}
.innerCol
{
    border:1px solid #cccccc;
    box-shadow: 3px 3px 12px -7px rgba(0,0,0,0.7) inset;
}
.genTitle
{
  font-weight:bold;
  font-size:11pt;  
}
.cen
{
    text-align:center;
}
.ftr
{
    display:inline;   
}
.blklnks
{
    display:block;
    float:left;
}
.fIcons
{
    width:160px;
    margin:0 auto;
}
.fIcons a img
{
    height:36px;
    width:36px;
}
/* .fbs
{
    width:86px;
    height:20px;
}*/
/*                             -Calendar-                              */
.calendaricon  
{
        margin-right:10px;
        width: 44px; 
        height: 30px; 
        font-size: 0.7em; 
        background: #eee;
        border: 1px solid;
        float:left;
        box-shadow: 0 0 5px #05587e; 
        -moz-box-shadow: 0 0 5px #05587e; 
        -webkit-box-shadow: 0 0 5px #05587e;

        -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px; 
}
.calendaricon > span 
{ 
    display: block; 
}


.calendaricon > .month  
{
    text-align: center; 
    padding: 2px 5px 2px 0;
    background: #004990; 
    color: #fff; 
    font-weight: bold;
    -webkit-border-top-left-radius: 5px; 
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px;
}
.calendaricon > .day 
{
        text-align: center; 
        font-weight: bold; 
    /* font-size: 2.3em; */
        background: #fff;
    -webkit-border-bottom-left-radius:  5px; 
    -moz-border-radius-bottomleft:      5px;
    -webkit-border-bottom-right-radius: 5px; 
    -moz-border-radius-bottomright:     5px;
}
        
a.calendaricon:hover
{
    color: #C00;
}
.event 
    {
       padding:10px; 
       display:block;
       height:35px; 
    }
    
#calendarWrapper
{
    width:900px;
    display:block;
    padding:0px 50px 0px 50px;
}

#calendar {
		width: 450px;
		margin: 0 auto;
		float:left;
		}
		
#eventContent
{
    float:left;
    width: 425px;
    margin-left:10px;
    border: 1px solid #004990;
	border-radius : 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:5px;
}

.eventTitle
{

	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight:bold;
	margin:auto;
	text-align: left;
	vertical-align:bottom;

}

.eventTitle
{

	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight:bold;
	margin:auto;
	text-align: left;
	vertical-align:bottom;

}

.eventDate
{

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight:bold;
	margin:auto;
	text-align: left;
	vertical-align:bottom;

}

.eventPlace
{

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight:bold;
	margin:auto;
	text-align: left;
	vertical-align:bottom;

}
a.texto {

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration:none;
	
}	



a.texto:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#039;
	
}
.titulo
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight:bold;
	margin:auto;
	text-align: left;
	vertical-align:bottom;
}
.postDate
{
    color:Gray;
}
/*                             End Calendar                           */
/*                             Begin Comment Styles                   */

.forumBorderTop 
{
    border-top:1px solid #6A9CC1;
}

.forumNote
{
    font-size:8pt;
}
.searchBtn2
{
    text-decoration:none; height:20px; width:20px; margin-bottom:-4px;
}

.comtellsignup {
    font-weight: bolder;
    font-style: italic !important;
}

.hoverBlack:hover{
    color:black;
}
/*                             End Comment Styles                     */

/*
#related{font-size:11pt;}

.ftr a
{
    display:inline;   
}*/
/*
padding-bottom: 56.25%;
*/