/* View Products Container */
/* Left Column Settings ----------------------------------------- */
.LongText 
{
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /*width: 600px; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#View_Products_container {
 width:870px;
float: left;
}
#View_Products_col 
{
    padding: 12px 0px 20px 30px;
	/*margin: 12px 5px 20px 30px;  subtracted the 15px from height for first menu items spacing. was 75px; */
	width: 100%; /* subtract the 30px 5px margin from 629px */
	/*border: 1px solid #00FF00;*/
}

#View_Products_col ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#View_Products_col li {
	padding-left: 10px;
	background-image: url(../../images/fortinet/li_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
#View_Products_col a {
	color:#000000;
	text-decoration: underline;
}
#View_Products_col a:hover {
	color:#FF3E31;
	text-decoration: none;
}


#View_Products_col .content_group {
	margin: 5px 0;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
#View_Products_col .content_group img {
	padding: 10px 10px 10px 0;
}



.ajax__calendar_container 
{
z-index:5000;
}

#crumb_nav {
	padding: 0 0 2px 0;
	font: 9px/12px Arial, Helvetica, Verdana, sans-serif;
	color: #939ba1;
}
#crumb_nav a {
	font: 9px/12px Arial, Helvetica, Verdana, sans-serif;
	color: #939ba1;
	text-decoration: none;
}
#crumb_nav a:hover {
	font: 9px/11px Arial, Helvetica, Verdana, sans-serif;
	color: #455560;
	text-decoration: underline;
}
/* added table "threats" H2 tag here to override red style for content div */
table.threats h2 {color:#FFFFFF;}

.HeaderEntry
{
	font-size:12px;
	color:#6A737B;
 font-weight:normal;
}

/* Login status Bar */
#loginColumn
{
	/*float: left;*/
	color: #fff; 
	text-align:right;
	font-weight: bold;
	width:100%;
}

#loginColumn a 
{
	color: #fff;
	text-decoration:none;
	font-weight: bold;
}
#loginColumn a:hover 
{
	color:#FF3E31;
	text-decoration: none;
}
/* With LeftMenu, Without RightBar content Layout */
#sub1_center_col_BK
{
    padding: 12px 5px 20px 12px;
    width: 720px; /* subtract the 5px + 86px margin from 468px */ /* border: 1px solid #00FF00;  */
    border: 0;
}

/* Preview Mode, the page background */
.modalBackground
{
    background-color:Teal;
    filter:alpha(opacity=80);
    opacity:0.8;
}

/* Context Title Bar */
.contextTitle
{
	height:15px;
	vertical-align:middle;
	background-color: #EEEEEE; 
	color: red; 
	font-weight: bold;
	font-size:1.0em;
}
.contextBlackTitle
{
	height:15px;
	vertical-align:middle;	
	color: Black; 
	font-weight: bold;
	font-size:1.2em;
}

/* Service and Support Action Button Style */
.actionButton
{
	 background-color:#FFFBFF;
	 border-color:#CCCCCC;
     border-style:Solid;
     border-width:1px;
    /* font-family:Verdana; */
     font-size:1.0em;
     color:#284775;
}
.buttonLogin
{
	 background:url(../../images/btn_login.gif);	
     border-width:0px;
    /* font-family:Verdana; */
     font-size:1.0em;
     color:#fff;
   
}
table tr td
{
	padding:2px 0px;  /* For FireFox and IE */
	/*height:25px;*/  /* Not supported in IE 8 */
}

/* Information Titile */
.markTitle
{
	text-align: right; 
	font-weight: bold;
	vertical-align:middle;
}
.markTitleLeft
{
	text-align: left; 
	font-weight: bold;
	vertical-align:top;
}
/* Bold Display */
.boldDisplay
{
	color: #FF0000;
	font-weight: bold;
}

/* Information Title */
.infoTitle
{
	background-color: infobackground; 
	font-weight: bold;
	text-align:center;
}

/* Information Title */
.infoTitleLeft
{
	background-color: infobackground; 
	font-weight: bold;
	text-align:left;
}

/* List Item Div */
.listItemDiv
{
	background-color: #EEEEEE; 
	font-weight: bold;
}

/* List Item Panel */
.listItemPanel
{
	border-color:#EEEEEE;
    border-width:1px;
    border-style:solid;
}


/* Grid View Styles */
.GridViewStyle

{   

margin: 1px 0 0 0; width: 100%; padding: 3px; border: 1px solid #455560;
}

/*
.GridViewStyle a

{

    color: #FFFFFF;

}
*/

.GridViewHeaderStyle th

{

background: #455560; text-align: left; color: #FFFFFF; font-size: 11px; font-weight: bold; border-right: 1px solid #ffffff; padding: 6px;

}

.GridViewHeaderStyle

{
background: #455560; text-align: left; color: #FFFFFF; font-size: 11px; font-weight: bold; border-right: 1px solid #ffffff; padding: 6px;
}

.GridViewRowStyle

{

font-size: 11px; padding: 3px; text-align: left;

}

.GridViewAlternatingRowStyle

{

background: #EEEEEE;
font-size: 11px; padding: 3px; text-align: left;

}

.GridViewRowStyle td
{
border-right: 1px solid #EEEEEE;border-left-style:solid;border-left-width:1px;border-left-color: #FFFFFF;
font-size: 11px; padding: 3px; text-align: left;
}

.GridViewAlternatingRowStyle td

{
border-right: 1px solid #EEEEEE;border-left-style:solid;border-left-width:1px;border-left-color: #FFFFFF;
font-size: 11px; padding: 3px; text-align: left;
}

/* MERU License Reset (BEGAIN) added by dkong on 18/07/2016*/
.MERU_table_padding, .MERU_table_padding_line {
    font-size: 12px;
    border-collapse: separate;
    width: 100%;
}

    .MERU_table_padding th, .MERU_table_padding_line th {
        border-top: none;
        border-right: none;
        border-left: none;
        font-weight: bold;
        padding: 8px 20px;
        text-align: left;
    }

    .MERU_table_padding td {
        border-right: none;
        border-left: none;
        border-bottom: none;
        padding: 8px 20px;
        vertical-align: middle;
    }
/* MERU License Reset (END) */

/* Pop-up window style (BEGAIN) added by dkong on 21/07/2016*/
.OnlinePopupBackground {
    background-color:#BBBBBB;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.OnlinePopup {
    background-color:#EEEEEE;
    border:3px solid Gray;
    padding:3px;   
}
/* Pop-up window style (END)*/