@charset "utf-8";
/* CSS Document */

html, body { height: 100%; }

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(images/bg.gif) #262626;
}

.out { width: 100%; background:url(images/top-back.png) repeat-x; }

a { color: #069; }
img { border: 0px; }

.pad1 { padding: 15px; margin-top: -5px; }
.pad2 { padding: 15px !important; }

h1 { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #196fa1; margin: 0; padding: 0; }
.bluetitle { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #196fa1; margin: 0; padding: 0; }

.twelve { font-size: 12px; }
.thetable { width: 980px; height: 100%; }
.signintable { width: 220px; border-bottom: 1px solid #ccc; } 

.emailtable { width: 420px; border-bottom: 1px solid #ccc; } 
.emailleftcol { background: url(images/govlive-logo-back.png) repeat-x #ffffff; }
.emailleftcolinner { margin: 0px 25px; }

.signsep { width: 100%; height: 7px; }

.logo { margin: 7px 7px 4px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }

.leftcol { background-color: #fff; }
.middlecol { background: url(images/middle-back.png) #ccc no-repeat; width: 1px; }
.rightcol { background-color: #eee; border-top: 1px solid #ccc; }

.topleftcol, .toprightcol { background:url(images/top-back.png) #383839 repeat-x; height: 27px; }

.toprightcol { color: #ccc; font-size: 12px; font-weight: bold; height: 27px; }
.toprightcolin { padding: 6px 2px 0px 0px; }
.toprightcol a { color: #e8e8e8; text-decoration: none; }

.contentbox { border-right: 1px solid #cccccc; }

.leftcolinner { margin: 0px 10px; }
.avatar { height: 50px; }

.view { font-size: 11px; }

.line { height: 1px; background-color: #ccc; margin: 10px 0px; clear: both; }

.headerline { height: 1px; background-color: #ffffff; }

.header { background: url(images/b.png) #fff repeat-x; height: 30px; padding: 7px; }
.underheader { background: url(images/bu.png) #edf2ff repeat-x; border-bottom: 1px solid #b5c8f9; padding: 7px 7px 6px 7px; margin-bottom: 3px; color: #666; margin-top: -4px; cursor: pointer; }
.featureheader { background: url(images/bu.png) #edf2ff repeat-x; border-bottom: 1px solid #b5c8f9; padding: 7px 7px 6px 7px; margin-bottom: 3px; color: #666; margin-top: -4px; }
.main { margin-top: -3px; padding-top: 3px; background-color: #fff !important; }
/* .main { background: url(images/bu.png) #fff repeat-x; padding-top: 4px; } */

/* SUBMIT NEWS */

.post {  background: url(images/bu.png) #edf2ff repeat-x; border-bottom: 1px solid #b5c8f9; padding: 7px 7px 6px 7px; margin-bottom: 3px; color: #000; margin-top: -4px; cursor: pointer; 	font-family: Arial;	font-size: 13px; font-weight: bold;	color: #2e4987;	text-shadow: #fff 0px 1px 0px; }
.post-field { border: 1px solid #ababab; width: 400px; padding: 3px; font-size: 13px; margin-left: 3px; color: #666; background:url(images/share-bg.gif) repeat-x #fff; }
.post-area { border: 1px solid #ababab; width: 400px; padding: 3px; font-size: 13px; margin-left: 3px; color: #666; height: 33px; font-family: Arial;	font-size: 13px; background:url(images/share-bg.gif) repeat-x #fff; }
.post-left {  width: 87px; display: inline-block; float: left; margin-top: 6px; }
.post-item { clear: both; margin: 2px 0px; }
.sharebtn { background:url(images/share.gif); padding:0px 6px; border:1px solid #1b72a4; height:26px;  line-height:24px; color:#FFFFFF; font-size:12px; margin-right:10px; display:inline-block; text-decoration:none; }	

.f { background-color: #fff; padding: 6px 0px 9px 0px; border-bottom: 1px solid #cccccc; clear: both; }
.fb { background-color: #ecf0f8; padding: 6px 0px 9px 0px; border-bottom: 1px solid #cccccc; clear: both; }
.o { background-color: #fff; padding: 9px 0px; border-bottom: 1px solid #cccccc; clear: both; }
.e { background-color: #ecf0f8; padding: 9px 0px; border-bottom: 1px solid #cccccc; clear: both; }
.l { border-bottom: 0px; }

a.lbutton, a.mbutton, a.sbutton { float:left; text-decoration:none; background:url(images/button.png) no-repeat left top; height:31px; margin-right: 7px;}

a.sibutton { float:left; text-decoration:none; background:url(images/button.png) no-repeat left top; height:31px; margin-right: 0px;}

a.wbutton { float:left; text-decoration:none; background:url(images/button-white.png) no-repeat left top; height:31px; }

a.bbutton { float:left; text-decoration:none; background:url(images/button-black.png) no-repeat left top; height:31px; }

a.sbutton, a.wbutton { float: right; margin-left: 7px; margin-right: 0px; padding-right: 0px; }

a.lbutton, a.mbutton, a.sibutton, a.bbutton { color: white;
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #2e4987;
text-shadow: white 0px 1px 0px;
}

a.bbutton { color: #333; }

a.lbutton span{ display:block; float:left; background:url(images/button.png) no-repeat right top; height:24px; padding-left:12px; padding-top:7px; padding-right:22px; margin-left:10px; cursor:pointer; }

a.sibutton span{ display:block; float:left; background:url(images/button.png) no-repeat right top; height:24px; padding-left:12px; padding-top:7px; padding-right:41px; margin-left:30px; cursor:pointer; }

a.mbutton span{ display:block; float:left; background:url(images/button.png) no-repeat right top; height:24px; padding-left:6px; padding-top:7px; padding-right:12px; margin-left:6px; cursor:pointer; }

a.bbutton span{ display:block; float:left; background:url(images/button-black.png) no-repeat right top; height:24px; padding-left:6px; padding-top:7px; padding-right:12px; margin-left:6px; cursor:pointer; }

a.sbutton span{ display:inline-block; background:url(images/button.png) no-repeat right top; height:24px; padding-left:3px; padding-top:7px; padding-right:6px; margin-left:3px; cursor:pointer; }

a.wbutton span{ display:inline-block; background:url(images/button-white.png) no-repeat right top; height:24px; padding-left:3px; padding-top:7px; padding-right:6px; margin-left:3px; cursor:pointer; }

a.lbuttonon{ background-position:0px bottom; color: #ffffff; text-shadow: #2E4987 0px 1px 0px; }

a.bbuttonon{ background-position:0px bottom; color: #ffffff; text-shadow: #333333 0px 1px 0px; }

a.lbuttonon span, a.bbuttonon span{ background-position:right bottom;}

.agency { font-weight: bold; color: #069; text-decoration: none; padding-left: 7px; }
.ago { float: right; color: #666666; padding-right: 7px; width: 30%; text-align: right; }
.c { margin-left: 57px; width: 690px; }
.m { padding: 4px 7px 0px 7px; font-size: 13px !important; }
.mu { color: #666666; font-size: 11px; padding: 4px 0px 0px 0px; }
.m a { color: #666666; }
.mu a { text-decoration: none; color: #069; }
.i { width: 43px; padding: 0px 7px; float: left; }
.av { border: 1px solid #2f82b0; }
.pl, .pl a { color: #666 !important; }

.loadmore { margin: 15px 0px; }

.nav { height: 20px; padding-top: 4px; padding-left: 30px; font-size: 13px; background:url(images/control_stop_blue.png) no-repeat; background-position: 6px 4px; cursor: pointer; }
.on { background:url(images/control_play_blue.png) no-repeat; background-position: 6px 4px; background-color: #2f82b0; color: #ffffff; text-shadow: #2E4987 0px 1px 0px; font-weight: bold; cursor: pointer; }

.following { font-size: 11px; font-weight: bold; color: #333; margin-bottom: 5px; }

.a { height: 16px; padding-top: 2px; padding-left: 12px; background:url(images/bullet_black.png) no-repeat; background-position: -4px 2px; font-size: 12px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; width: 180px; }

.a a { color: #000; text-decoration: none; }
.a a:hover { text-decoration: underline; color: #069; }

.searcharea {
	float: right;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #2e4987;
	text-shadow: #fff 0px 1px 0px;
	width: 415px;
}

.refinearea {
	float: right;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #2e4987;
	text-shadow: #fff 0px 1px 0px;
	width: 236px;
	/*height: 30px !important;*/
	}
	
.subscribearea {
	float: right;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #2e4987;
	text-shadow: #fff 0px 1px 0px;
	width: 286px;
	/*height: 30px !important;*/
	}	

.searchfield {
	background: white url(images/search-textinput-bg.png) repeat-x 0% 0%;
	border: 1px solid #9cb4ec;
	color: #515151;
	display: inline-block;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin: 0px;
	padding: 6px 0px 7px;
	text-indent: 5px;
}

.passfield {
	background: white url(images/search-textinput-bg.png) repeat-x 0% 0%;
	border: 1px solid #9cb4ec;
	color: #515151;
	display: inline-block;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin: 0px;
	padding: 6px 0px 7px;
	text-indent: 5px;
	width: 100px;
}

.userfield {
	background: white url(images/search-textinput-bg.png) repeat-x 0% 0%;
	border: 1px solid #9cb4ec;
	color: #515151;
	display: inline-block;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin: 0px;
	padding: 6px 0px 7px;
	text-indent: 5px;
	width: 176px;
}

.optinfield {
	background: white url(images/search-textinput-bg.png) repeat-x 0% 0%;
	border: 1px solid #999999;
	color: #515151;
	display: inline-block;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin: 0px;
	padding: 6px 0px 7px;
	text-indent: 5px;
}

.optin { margin-top: 7px; }
.optsuccess { background-color: #cdffc9; font-size: 11px; font-weight: bold; color: #060; padding: 4px; }
.optfail { background-color: #ffc9c9; font-size: 11px; font-weight: bold; color: #900; padding: 4px; margin-bottom: 10px; }

/* MORE */

div.footer
{
text-align: center;
width: 100%;
height:63px;
position:fixed;
right: 379px;
bottom:0px;
z-index:10;
}

.rate, .sh { cursor: pointer; text-decoration: none; }
.rate:hover, .sh:hover { text-decoration: underline; }
.off { cursor: auto; color: #666666 !important; text-decoration: none; }

/* PERMA */

.permtable { width: 600px; }
.permlogo { margin-bottom: 10px; }
.perm { font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px !important; color: #333; clear: both; margin-left: -5px; }
.perm2 { font-size: 16px !important; }
.perm3 { padding: 12px 15px 15px 15px !important; margin-bottom: 15px;  border-bottom: 0px !important; }
.perm4 { background-color: #fff !important; }
.perm5 { margin-left: 55px !important; }
.perm6 { margin-top: 20px !important; }
.perm7 { padding-left: 15px !important; }
.perm8 { float: left; width: 55px; }
.perm9 { padding-left: 0px !important; }
.perm10 { margin-bottom: 5px; margin-top: 20px; }
.pl { color: #666; text-decoration: none; }
.pl:hover { text-decoration: underline; }
.permbody { margin-left: 5px; }

/* GOVDELIVERY */

.gd { border-top: 1px solid #dcdcdc; padding-top: 10px; margin-top: 15px; font-size: 11px; }

.emailmsg { margin-top: 20px; margin-bottom: 5px; padding-bottom: 0px; font-weight: bold; border-top: 1px solid #dcdcdc; padding-top: 5px; color: #3399cc; }
.emailfooter { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background-color: #f7f7f7; margin: 0; padding: 8px; padding-bottom: 12px; font-size: 12px; margin-bottom: 5px; color: #666666; }
.emailright { float: right; text-align: left; width: 425px; }

.emailback { margin-bottom: 10px; }

IMG.absmiddle {
vertical-align: middle;
margin-bottom: .25em;
}

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

.gdsignup { 


}

/* SIGN IN */

.signinbox { background: url(images/signin-back.jpg) no-repeat; width: 178px; height: 66px; padding: 11px; margin-bottom: 10px; }
.signinl2 { padding-top	: 6px; }
.signincr { margin-bottom: 10px; clear: both; }
.signingfg { font-size: 11px; color: #666; }
.signingfg a { text-decoration: underline; color: #666; }
.signinbtn { margin-top: -1px; padding-left: 2px; }

/* FILTER */

.filter { height: 16px; }
.filter img { margin-top: -14px; }

/* FOLLOWING */

.folbody { padding: 15px }
.foltitle { margin-bottom: 7px;  }
.foltext { margin-bottom: 14px; }
.folhead { background:url(images/follow-header.gif) no-repeat; width: 707px; height: 38px; padding: 9px 9px 0px 9px; }
.folsel1 { width: 222px; height: 30px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #999; margin-right: 5px; }
.folsel2 { width: 200px; height: 30px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #999; margin-right: 5px; }
.folmid { background: url(images/bu.png) repeat-x #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 723px; padding-top: 1px; }
.folfoot { background:url(images/follow-footer.gif) no-repeat; width: 725px; height: 10px; }
.ff, .ff td { }
.ff td { font-weight: bold; padding: 4px 3px 4px 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #9a9a9a; }
.fe { background-color: #e3e3e3; }
.fe td { padding: 3px; border-right: 1px solid #ccc; }
.fo { background-color: #fff; }
.fo td { padding: 3px; border-right: 1px solid #ccc; }
.fes { background-color: #f8fafe; }
.fes td { padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #e0e6f2; color: #768098; padding-right: 5px !important; font-size: 12px; }
.fos { background-color: #f2f6ff; }
.fos td { padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #e0e6f2; color: #768098; padding-right: 5px !important; font-size: 12px; }
.foff { border-right: 0px !important; }
.fno { border-right: 0px !important; color: #900; }
.fyes { border-right: 0px !important; color: #060; font-weight: bold; }
.fyes img { padding-right: 5px; }
.folsources { border: 0px !important; padding: 0 !important; margin: 0 !important; }
.folsources input { margin: 0px; padding: 0px; }
.onemorestep { width: 724px; height: 70px; background:url(images/one-more-step.gif) no-repeat; margin-left: 15px; margin-top: 11px; }
.fsub { padding-left: 12px !important; }

/* PREVIOUS NEXT */

.navarea { margin-top: 1px; padding: 12px 0px 12px 7px; border-bottom: 1px solid #ccc; background: url(images/nav-back.gif) repeat-x #e8e8e8; }
.navarea a { text-decoration: none !important; }
.navbox { border: 1px solid #999; background-color: #fff; color: #333; padding: 2px 6px; display:inline; font-size: 14px; text-decoration: none !important; color: #069; }
.navbox:hover { color: #fff; background-color: #069; border: 1px solid #fff; }
.navnormal:hover, .navnormal2:hover { color: #666; background-color: #e8e8e8; border: 0px; }
.navbox a { color: #069; text-decoration: none !important; }
.navbox a:hover { color: #fff; text-decoration: none !important; }
.navon, .navon:hover { color: #333;  background-color: #ccc; border: 1px solid #999; }
.navnormal { color: #333; border: 0px; background-color: #e6e6e6; text-shadow: #fff 0px 1px 0px; padding: 2px 2px !important; }
.navnormal2 { color: #666; border: 0px; background-color: #e6e6e6; font-size: 12px; text-shadow: #fff 0px 1px 0px; }

/* OIL SPILL */

.oilspill { height: 80px; background: url(images/trending-oil-spill.jpg) no-repeat 7px 7px; padding: 10px 7px 0px 120px; }
.oilspillheadline { font-size: 24px; color: #333; text-shadow: #fff 0px 2px 0px; font-weight: bold; letter-spacing: -1px; }
.oilspillheadline a { text-decoration: none; color: #333; }
.oilspillheadline a:hover { text-decoration: none; color: #000; }
.oilspillbody { color: #069; font-size: 14px; margin-top: 3px; text-shadow: #fff 0px 1px 0px; }
.oilspillbody a { text-decoration: underline; color: #090; font-weight: bold; }

/* FEATURES */

.feature { height: 80px; background: url(images/trending-hurricane.jpg) no-repeat 7px 7px; padding: 10px 7px 0px 120px; }
.featureheadline { font-size: 24px; color: #333; text-shadow: #fff 0px 2px 0px; font-weight: bold; letter-spacing: -1px; }
.featureheadline a { text-decoration: none; color: #333; }
.featureheadline a:hover { text-decoration: none; color: #000; }
.featurebody { color: #069; font-size: 14px; margin-top: 3px; text-shadow: #fff 0px 1px 0px; }
.featurebody a { text-decoration: underline; color: #090; font-weight: bold; }

/* AGENCY PAGE */

.agcybox { background: url(images/bu.png) #edf2ff repeat-x; border-bottom: 1px solid #b5c8f9; padding: 7px 7px 6px 7px; margin-bottom: 3px; color: #666; margin-top: -4px; height: 205px; padding: 15px 12px 0px 12px; }
.agcymap { float: left; width: 200px; }
.agcybox img { border: 1px solid #fff; }
.agcybox img { border-bottom: 1px solid #999; border-right: 1px solid #999; }
.agcytitle { font-size: 24px; color: #333; text-shadow: #fff 0px 2px 0px; font-weight: bold; letter-spacing: -1px; }
.agcytitle a { text-decoration: none; color: #333; }
.agcytitle a:hover { text-decoration: none; color: #000; }
.agcybyline { color: #069; font-size: 14px; margin-top: 3px; text-shadow: #fff 0px 1px 0px; }
.agcybyline a { text-decoration: underline; color: #090; font-weight: bold; }
.agcybuttons { margin-top: 20px; }
.agcycontact { font-size: 16px; margin-top: 25px; }

/* NEW BUTTONS */

			a.mybutton {
				font-family: Arial, serif;
				font-size:16px;
				color:#000;
				text-decoration:none;
				padding:8px 10px;
				border:1px solid #aeb7ce;
				text-align:center;
 
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				-o-border-radius:5px;
				border-radius:5px;
 
				background:#FFFFFF;
				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEE));
				background:-moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);
 
				-webkit-transition: all .4s ease-in-out;
				-moz-transition: all .4s ease-in-out;
				-o-transition: all .4s ease-in-out;
				transition: all .4s ease-in-out;
			}
			a.mybutton:hover {
				color:#fff;
				border-color:#3278BE;
 
				background:#4195DD;
				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#75a1ea), to(#4470cb));
				background:-moz-linear-gradient(0% 90% 90deg, #4470cb, #75a1ea);
			}
			a.mybutton:active {
				background:#4195DD;
				background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4470cb), to(#75a1ea));
				background:-moz-linear-gradient(0% 90% 90deg, #75a1ea, #4470cb);
			}
 
			a.mybutton.notransitions {
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				transition: none;
			}