/******************
HTML Tags Cleaned
******************/

body {
	font-family:Verdana;
	color:black;
	margin:0px 0px;
	font-size:10px;
	height:100%;
	}
	


#Header1  {
	font-family: Verdana;
	font-weight:bold;
	font-size:x-small;
	color:Black;
	padding:0px;
	margin:0px;
	position: relative;
	top:0px;
	left:0px;
	text-align:left; 
	}

#Header2  {
	font-family: Verdana;
	font-weight:bold;
	font-size:medium;
	color:Black;
	padding:0px;
	margin:0px;
	position: relative;
	top:0px;
	left:0px; 
	}
	
	
#paragraph  {
	font-family: sans-serif;
	font-weight:normal;
	font-size:x-small;
	color:Black;
	padding:0px;
	margin:0px;
	position: relative;
	top:0px;
	left:0px; 
	text-align:left;
	}
	
	#Paragraph  {
	font-size:x-small;
	font-family: verdana;
	font-weight:normal;
	color:Black;
	padding:0px;
	margin:0px;
	position: relative;
	top:0px;
	left:0px; 
	text-align:left;
	}
#content p, #content-side-2 p, table {
	margin:0px 0px 0px 0px;
	}

#content-side-2 img {
	border:none;
	}

#breadcrumb-side label {
	display:none
	}

/******************
FORM STYLES
******************/

#content-container form {
	margin:0px 0px;
	padding:0px 0px 0px 0px;
	}

#content-container fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 10px 10px 20px;
	}


#content-container fieldset fieldset {
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content-container legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

#content-container fieldset fieldset legend {
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}

/*  Below puts the label for check box below or on top
 
#content-container label {
	display:block;
	padding-top:8px;
	}

*/ 
 
#breadcrumb-side form {
	margin:0px;
	padding:0px;
	text-align:right;
	}

#breadcrumb-side form fieldset {
	margin:0px;
	padding:0px;
	border:none;
	}

#breadcrumb-side form legend {
	display:none;
	}

 
/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */

a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: none;
}

/* OLD Stuff Delete later
a:link { color:#FF6600;}
a:visited { color:#CC6600;}
a:hover { color:#FF3300; text-decoration:none;}
a:active { color:#669966;}
*/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav-container a:link {
	color:#FF0000;
	}

#mainnav-container a:visited {
	color:#FF0000;
	}

#mainnav-container a:hover {
	color:#FF6633;
	text-decoration:none;
	}

#mainnav-container a:active {
	color:#669966;
	}

/* All link states are selected with an "a" */
#header a {
	color:#FFFFFF
	}

#breadcrumb-container a {
	color:#FF6600;
	}

/******************
HEADINGS
******************/

h1 {
	font-size:1.6em;
	padding:0;
	margin:0 0 10px 0;
	}

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1.4em;
	}
	
h4 {
	font-size:1.1em;
	}
	
h5 {
	font-size:.9em;
	}
	
h6 {
	font-size:.8em;
	}

#three-column-container h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	}

/******************
Layout Divs
******************/
#page 
{
    top:0px;
    left:0px;
    height: 100%;
    width:100%;
    background: transparent;
    margin-bottom:0px;
}

#mainnav-container {
	padding:8px 10px;
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	border-left:1px solid #EDEDED;
	margin-bottom:1px;
	background: #FFFFFF url(bg-topnav.gif) repeat-x;
	}

#mainnav {
	float:left;
	width:70%;
	}

#mainnav-side {
	float:right;
	width:30%;
	text-align:right;
	}



#header a {
	text-decoration:none;
	color:#FFFFFF;
	}

#slogan {
	font-size:.68em;
	margin:0px;
	font-weight:normal;
	padding-top:7px;
	}
	
#breadcrumb-container {
	border-bottom:0px solid #7F7F7F;
	border-left:1px solid #EDEDED;
	margin-bottom:1px;
	padding:6px 0;
	background-color: transparent;
	color:Gray
	}

#breadcrumb {
	float:left;
	padding:0 10px;
	}

#breadcrumb-side {
	float:right;
	padding:0 10px;
	}
	
	# nonfooter_container
{
    position: relative;
    min-height: 100%;
    height:100%;
    
}
	
	/*  header consists of 
        #header  (header container)  	position:absolute; top:0px; left:0px width:100%;
        #corner_lef left:0px; position:absolute;
        #header_logo left:150px;  position:relative;
        #navigation_menu   left: 250 px 	position:absolute;
        #corner_right  right:0px  position:absolute;
   */
	
#header {
	background: url(../images/bg-top.gif) repeat-x;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
    height:70px;
	padding:0px;
	margin:0px;

	}

#corner_left {
	position:absolute;
    top:0px;
	left:0px; 
	width:79px;
	height:70px;
    }
 
 #header_logo {
	position:relative;
    top:0px;
	left:150px; 
	width:100px;
	height:70px;
    } 
    
 #navigation_menu {
	position:absolute;
    top:35px;
	left:250px; 
	width:530px;
	height:70px;        
    }  
      
 #corner_right {
	position:absolute;
    top:0px;
	right:0px; 
	width:79px;
	height:70px;
    }    
    	


/*
#content-container {
	position:relative;
	background-color:Orange;
	top:100px;
	left:0px;
	padding:0px;
	margin:0px; 
	width:100%;
	height:50%;
	}
*/

#content-container {
	position:relative;
	margin-top:70px;
	left:0px;
	padding:0px;
	width:100%;
	background-color:transparent;
	height:auto;

	}
	
	#subnavigation 
 {
   position:relative;
   top:70px; 
   left:300px;
   background-color:red;

 }   	
 
  #TopTitle 
 {
   position:relative;
   top:75px; 
   width:100%;
   text-align:center;
   font-family:Verdana;
   font-size:medium;
   font-weight:normal;
   color:gray;
   background-color:white;

 }   	
	
#ContentTitleHeader 
{
    position:relative;
    left:0px;
    background-color:white;
    font-family:Verdana;
    font-size:small;
    font-style:normal;
    font-weight:bold;
}

/* Used in MoreLicenses.aspx*/
#MainContentTitle  
{
    position:relative;
    top:8px; 
    left:0px;
    background-color:white;
    font-family:Verdana;
    font-size:small;
    font-style:normal;
    font-weight:bold;
    
}

#ContentTableTitle
{
    background-color:Gray;
}

#content-left {
	position:absolute;
	top:0px;
	left:0px;
    width:150px;	
    padding:10px;
	background-color:transparent;
	}



#content-center 
{
    position:relative;
    top:0px;
	background-color:transparent;
	padding:10px 10px 0px 10px;
	margin-right:170px;
	margin-left:170px;
	margin-bottom:0px;
	margin-top:0px;


	}
	
	#content-right {
	position:absolute;
	top:0px;
	right:0px;
	width:150px;
	padding:10px;
	background-color:transparent;
	}

#copyright 
{
    background-color:transparent;
    color: #3366ff;
	position:relative;
	bottom:0px;  
}




	/*  footer consists of 
        #footer_container  (footer container)  	position:absolute; bottom:0px; left:0px width:100%;
        #footer_left left:0px; position:absolute;
        #footer-center left:80px;  position:relative;
        #navigation_menu   left: 250 px 	position:absolute;
        #footer_right  right:0px  position:absolute;
     background: url(~/Public/App_E-Securion/images/bottombg.gif) repeat-x;

   */



#footer_container 
{
     background: url(../images/bottombg.gif) repeat-x;
	 width:100%;
	 position:relative; 
     font-size:.95em;
     margin-bottom: 0px;
     
	}
	
	#footer_left {
	position:absolute;
    top:0px;
	left:0px; 
	width:79px;
	height:31px;
	}
	
	 #footer_right {
	position:absolute;
    top:0px;
	right:0px; 
	width:79px;
	height:31px;
    } 
    
    #footer-navigation {
	position:absolute;
    top:12px;
	left:300px; 
	width:530px;
	height:19px;
	font-size:.95em;
	background:transparent; 
	margin-bottom:0px;       
    }     
	
	#footer_logo {
	position:relative;
    top:10px;
	left:150px; 
	width:100px;
	height:31px;
    } 
	





/******************
LISTS - IN THE CONTENT DIV
******************/
/*
#content ul.list, #content ul.link-list-vertical {
	margin:0px 0px 15px 15px;
	padding:0px;
	}

#content ul.list li {
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background: url(bullet.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content ul.link-list-vertical li a:link {
	padding:2px 0px 2px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li a:active {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position:0 .6em;
	}

*/


#tablediv {
display:  table;
width:600px;
background-color:Blue;
border:1px solid  #666666;
border-spacing:5px;  /*cellspacing:poor IE support for  this*/
border-collapse:separate;
}

#celldiv {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
width:50%;
background-color:#ccc;
}
#rowdiv  {
display:  table-row;
width:auto;
}


/*  Menu Style for the Top Navigation            */
/*
                <StaticMenuStyle CssClass="menu" />
                <StaticMenuItemStyle CssClass="menuItem" />
                <StaticSelectedStyle CssClass="menuSelectedItem" />
                <StaticHoverStyle CssClass="menuItemHover" />

                <DynamicMenuStyle CssClass="menuPopup" />
                <DynamicMenuItemStyle CssClass="menuPopupItem" Font-Strikeout="False" />
                <DynamicHoverStyle CssClass="menuPopupItemHover " />
                <DynamicSelectedStyle CssClass="menuPopupSelectedItem" />

*/
/* begin creating the tabs */


/* Static Menu definition .menu .menuItem .menuSelectedItem .menuItemHover */

.menu A:link {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}
.menu A:visited {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}
.menu A:active {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}
.menu A:hover {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}

.menu {
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	font-family: Verdana; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none;
	}

/* set tab1 as top level container table, then target TDs inside
url(~/App_WebSSI/images/tab_dim.gif) no-repeat;

background-color: transparent;  backgroud of the static row in Header
MenuItem.Height Vertical position below Menu item where Menu Item Box appears

*/
/* make link and visited the same look,set the background-color also in case images are not on */

/*
.menuItem a:link, .menuItem a:visited { color: #FFFFFF; text-decoration: none; }
.menuItem a:hover { text-decoration: underline; }


.menuItem td { 
	height: 35px; 
	background-color: transparent;
}



.menuSelectedItem td {
	background-color : transparent;
	color: black;
	height:10px;
}

*/

/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */


/* make drop down menu container style
.menuPopup {
	background: url(~/App_WebSSI/images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
border-bottom: 1px solid #666666;
	color: #ffffff;
	background-color: Gray;

} */

/* Dynamic Menu definition .menuPopup .menuPopupItem .menuPopupSelectedItem .menuPopupItemHover */

.menuPopupHorizontal tr { display:inline; }

.menuPopup a:link, .menuPopup a:visited { color: #FFFFFF; text-decoration: none; }
.menuPopup a:hoover { color: #FFFFFF; text-decoration: none; }
.menuPopup A:active {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}

.menuPopup {
    background-color:Gray;
	
	color: Blue;
	visibility:hidden;
}
.menuPopupItem a:link, .menuPopupItem a:visited { color: #FFFFFF; text-decoration: none; }
.menuPopupItem a:hoover { color: #FFFFFF; text-decoration: none; }
.menuPopupItem A:active {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}

/* make drop down menu item style */
.menuPopupItem {
	background: url(~/App_WebSSI/images/background_drop_menu.jpg) repeat #8C9FB4;
	font-size:10px;
	font-weight:normal;
	font-family: Verdana;
	font-style:italic;
	border-bottom: 1px solid #666666;
	padding: 3px;
	margin:0px;
	vertical-align:top;
	visibility:visible;
	
	
}


.menuPopupSelectedItem
{
    background: gray;
    	color:White;

    }

.menuPopupItemHover 
{
     background: black;
     	color:White;

   
}
/*  END Menu Style             */