/* main style */
body {
  background-color: #212121;
  margin: 0;
  padding: 0;
  font-family: "Neue Helvetica W01","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 10pt;
  overflow: -moz-scrollbars-vertical; 
  overflow-y: scroll;
}

/* font reference: http://css-tricks.com/snippets/css/font-stacks/ */

#header {
  position: relative;
  background-image: url('graphics/modsec-header-top.jpg');
  width: 930;
  height: 101;
  min-width: 930;
  min-height: 101;
  margin-left: auto;
  margin-right: auto;
}

#banner-link1 {
  position: absolute;
  top: 8px;
  margin-left: auto;
  width: 250px;
  height: 83px;
  background-color: transparent;
}

#banner-link2 {
  position: absolute;
  top: 8px;
  right: 0;
  width: 180px;
  height: 50px;
  background-color: transparent;
}   

/* menu */

#main_menu {
  height: 27;
  width: 905;
  background-color: black;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
}

#menu_separator {
  height: 27;
  width: 930;
  background-color: #008FC5;
  margin-left: auto;
  margin-right: auto;
}
 
.btn {
  width: 106;
  height: 27;
  background-color: rgb(0, 143, 197);
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;

  text-align: center;
  vertical-align: middle;
  line-height: 30px;

  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;

  float: left;
  margin-right: 2px;
}

.btn-selected {
  width: 106;
  height: 27;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;

  text-align: center;
  vertical-align: middle;
  line-height: 30px;

  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;

  background-color: white;
  color: rgb(0, 143, 197);

  float: left;
  margin-right: 2px;
}

.btn:hover {
  background-color: white;
  color: rgb(0, 143, 197);
}

div.clickable { /* Containing div must have a position value */
    position:relative;
}
div.clickable a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    z-index:10; /* raises anchor tag above everything else in div */
}

/* huge menu */
#modsec_main {
  margin-left: auto;
  margin-right: auto;
  height: 240;
  width: 930;
  vertical-align: middle;
  background-image: url('graphics/Center_Banner.jpg');
}

#modsec_main_art {
  background-image: url('graphics/ModSecurity_Banner.jpg');
  height: 240;
  width: 695;
  float: left;
  border-right: 1px solid #4f8bc8;
}

#modsec_main_art2 {
  width: 626px;
  display: inline-block;  
  /* IE 7 hack */
  *zoom:1;
  *display: inline;
  vertical-align: middle;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
  font-style: italic;
  font-size: 18px;
}

#modsec_main_right {
  width:233px;
  display: inline-block;  
  /* IE 7 hack */
  *zoom:1;
  *display: inline;
  vertical-align: middle;
  border-left: 1px solid #4f8bc8;
}

#huge_menu_crs:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

#huge_menu_commercial:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

#huge_menu_modsec:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

.huge_menu_big {
  color: white;
  margin-left: 80px;
  margin-top: 25px;
  font-size: 16px;
}

.huge_menu_small {
  color: #59595B;
  margin-left: 80px;
  margin-top: -6px;
}

#huge_menu_modsec {
  float: right;
  height: 80;
  width: 233;
  margin: 0px;
  padding: 0px;
  background-image: url('graphics/rightbutton-top2.gif');
 /* background-color: #070604; */

  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}

#huge_menu_crs {
  float: right;
  height: 80;
  width: 233;
  margin: 0px;
  padding: 0px;
  background-image: url('graphics/rightbutton-middle2.gif');

  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}

#huge_menu_commercial {
  float: right;
  height: 80;
  width: 233;
  margin: 0px;
  padding: 0px;
  background-image: url('graphics/rightbutton-bottom2.gif');
 
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;


}

#rssdiv {
width: 80%;
}

/* footer */
#footer {
  color: #FFFFFF;
  background: #000000;
  line-height: 18px;
  margin-bottom: 50px;
  width: 930;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}


/* content */
h2 {
  font-size: 16px;
  line-height: 18px;
  padding-top: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #AAAAB0;
}

#content {
  margin-left: auto;
  margin-right: auto;
  width: 930;
  background-color: white;
  min-height: 10px;
  overflow:hidden
}
/* news */
#news_n_support_wrapper {
  width: 308;
  margin: 20px;
  float: left;
  margin-top: 10px;
}

#content_wrapper {
  width: auto;
  margin: 20px;
  float: left;
  margin-top: 10px;
}


#support {

margin-top: 20px;
}


#news {
  width: 308;
}

.news_entry_title {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
}

.news_entry_date {
  font-size: 10px;
  margin-bottom: 5px;
}

.news_entry_content {
  font-size: 13px;
  margin-bottom: 15px;
}

/* twitter */
#blog {
  font-size: 13px;
  float: left;
  width: 308;
  margin: 20px;
  background-color: white;
  margin-top: 10px;
}

/* begin styles for RSS Feed */
#twitter {
  float: right;
  width: 233;
  margin-left: 0px;
  border-left: 1px solid #c0c0c0;
  background-color: white;
}

.rss-box {
	 margin: 0.5em;
	 width: 220px;
	 background-color: #b8d0db;
         border: 0px solid #000000;
	 
}										 
.rss-items {
										 	margin-top:1px;
												padding:0.5em; 0.5em;
													margin-left:1px;
														color:#000000;
														}
														p.rss-title {padding:0.5em;}
														.rss-title {
															text-decoration: none;
																font-family: arial;
																	font-size: 12px;
																		background-color:#CCCCCC;
																			color:#ffffff;
																				font-weight:bold;
																					margin: 0px;
																						padding:0em;
																							text-align: left;
																							}

																							.rss-item  {
																							  font-family: arial;
																								  font-size: 95%;
																									  font-weight : normal;
																										  list-style:none;
																											  padding-bottom:1em;
																												}

																												.rss-item a {
																													text-decoration : underline;
																														color:#006699;
																															font-size: 105%;
																																font-weight:bold;
																																	font-family:verdana;
																																		}
																																			
																																			.rss-item a:visited {
																																				color:#006699;
																																				}

																																				.rss-date {
																																					font-size: 85%;
																																						font-weight : normal;
																																							color: #CC99CC;
																																								} 
																																								/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

																																								.pod-play {
																																								   _width:12em;
																																									    margin: 0 0.2em; padding: 0.1em 0; _padding:0;
																																											   
																																												    white-space:nowrap;
																																														   text-decoration: none;
																																															    vertical-align:middle;
																																																	   background: #fb6;
																																																		    color: black;
																																																				   }
																																																					 .pod-play em {
																																																					    _width:1em; _cursor:hand;
																																																							   font-style: normal;
																																																								    margin:0; padding: 0.1em 0.5em;
																																																										   background: white;
																																																											    color: #222;
																																																													   }
																																																														 .pod-play span {
																																																														    _width:1em; _cursor:hand;
																																																																   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
																																																																	    }
																																																																			.pod-play:hover {
																																																																			   background: #666;
																																																																				    color: white;
																																																																						   }
																																																																							 .pod-play:hover em {
																																																																							    background: black;
																																																																									   color: white

/* begin styles for RSS Feed */

.rss-box-mail-list {
	 margin: 1em;
	 width: 200px;
	 background-color: #003399;
         border: 1px solid #000000;
	 
}
.rss-box-mail-list .rss-items {
	margin-top:0px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color:#000000;
}
.rss-box-mail-list p.rss-title {padding:0.5em;}
.rss-box-mail-list .rss-title {
	text-decoration: none;
	font-family: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	font-size: 12px;
	background-color:#CCCCCC;
	color:#ffffff;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss-box-mail-list .rss-item  {
  font-family: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
  font-size: 12px;
  font-weight : normal;
  list-style:none;
  padding-bottom:1em;
}

.rss-box-mail-list .rss-item a {
	text-decoration : none;
	color: black;
	font-size: 12px;
	font-weight:light;
	font-family:small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	}
	
.rss-box-mail-list .rss-item a:visited {
	color:blue;
}

.rss-box-mail-list .rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #000000;
	}