﻿
BODY
{
	padding-right: 0px;
	padding-left: 0px;
	/*background: #bfbfbf url(../images/interface/body_back.gif) no-repeat top;
	background: #bfbfbf;
	background: #bfbfbf url("../images/interface/body_back3.gif");*/
	background-color: #bfbfbf;
	background-image: url("../images/interface/body_back3.gif");
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 0px;
	margin: 0px auto;
	font: 75%/1.3em Verdana, Arial, Helvetica;
	color: #00296c;
	padding-top: 0px;
	text-align: center;
}

a:link
{
    color: #000066;
	text-decoration: underline;
}

a:active
{
    color: #000066;
	text-decoration: underline;
}

a:visited
{
    color: #000066;
	text-decoration: underline;
}

a:hover
{
	color: #000066;
	text-decoration: underline;
}

/*
a[href $='.pdf'] { 
   padding: 5px 20px 5px 20px;
   background: transparent url(../images/icons/pdf1.gif) no-repeat center left;
}

a[class ="nopdf"] { 
    color: #000066;
	text-decoration: underline;
}
*/

.noMargins
{
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;	
}

#OuterCommon
{
    text-align: left;
    margin: 0 auto;
    width: 990px;
}

#Common, #CommonNoRight
{
	margin: 0;

	width: 982px;
	color: inherit;
	text-align: left;
	background: #fff url(../images/interface/content_back.gif) repeat-y;
}

#CommonNoRight
{
	background: #fff url(../images/interface/content_back_no_right.gif) repeat-y;
}

#CommonHeader
{
	background-color:#ffffff;
	width: 975px;

}

#Content
{
	/* padding: 0 1px 0 7px; */
	float: left;
}

#leftContent
{
	padding: 0 0 0 8px;

}

#middleContent
{
	width: 596px;
	/*padding: 0 0 0 3px;*/
	margin: 0 0 0 4px;
}

#middleContentBody
{
	position:relative;
	margin: 4px 5px 0 5px;
}

#middleContentNoRight
{
	width: 800px;
	/*padding: 0 0 0 3px;*/
	margin: 0 0 0 4px;
}

#middleContentNoLeft_Original
{
	width: 758px;
	padding: 0 0 0 8px;
	margin: 0 0 0 4px;
}

#middleContentNoLeft
{
	width: 758px;
	padding: 0 0 0 12px;	
}

#rightContent
{
	width: 200px;
	/*padding: 0 0 0 8px;*/
	margin: 0 0 0 4px;
}

#footer
{
	padding: 0 0 0 8px;
}

.default, input, select
{
	font-size: 8pt;
	line-height: 12pt;
	color: #222222;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-decoration: none;		
}

h2, .heading2
{
	font-size: 10pt;
	line-height: 12pt;
	color: #00296c;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma, sans-serif;		
}

.heading3
{
	line-height: 10pt;	
	color: #000066;
	font-weight: bold;
	padding: 4px 3px 4px 0px;
	margin: 0px 0px 2px 0px;
	background: #d9daf1; /*#d9daf1;*/
	border: solid 1px #cccccc;
}

.menuHeading1
{
	font-size: 8pt;
	line-height: 22px;
	width: 162px;
	color: #ffffff;
	background-color: #000066;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	text-align: left;
}

.tableheading1
{	
	background-color: #c2c5c8;
	color: #000000;
	font-weight: bold;  

}

.highlightarea
{
	position:relative;
	background-color: #ffffcc;
	padding: 12px 12px 12px 12px;	
	margin: 5px 0 5px 0;
}

hr { 
color: #cccccc;
width: 100%;
height: 1px;
}  
         
ul, li {
	text-align: left;
	margin-top: 0px;
	color: #d9daf1;
}

.product-box ul
{
	margin-top: 4px;
}

.product-box-blue ul
{
	margin-top: 4px;
}

.whitetext
{
	color: #ffffff;
}

.bluetext
{
	color: #000066;
}

.orangetext
{
	color:#fc9112;
}	

.downloadbody1
{
	background-color: #e5eff8;	
}

.step
{	
	position: relative;
	width: 121px;
	height: 37px;
	background: url(../images/interface/step1.gif) no-repeat;	
}
.step2
{	
	position: relative;
	width: 300px;
	height: 37px;
	background: url(../images/interface/step1a.gif) no-repeat;	
}

.stepText
{
	position: relative;
	top: 12px;
	left: 10px;	
	font-size: 10pt;
	line-height: 12px;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-decoration: none;
	text-align: left;	
}

.stepHeading
{
	position: relative;
	margin: 12px 0 0 0;
	font-size: 10pt;
	line-height: 12px;
	color: #00296c;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-decoration: none;
	text-align: left;	
}

.text-container {
	position:relative;
	
	border:1px solid #b0b0b0;
	/*margin: 0 0 0 0;*/
	/*padding: 0px 8px 4px 18px;*/
}

.text-container-tl 
{
	position:absolute;
	width:18px;
	height:18px;	
	left: -1px;
	top:-1px;
	background:url(../images/interface/grey_curve_tl.gif) no-repeat left top;
}

.text-container-tr 
{
	position:absolute;
	width:18px;
	height:18px;		
	right:-1px;
	top:-1px;
	background:url(../images/interface/grey_curve_tr.gif) no-repeat right top;
}

.text-container-bl 
{
	position:absolute;
	width:18px;
	height:18px;		
	left:-1px;
	bottom: -1px;
	background:url(../images/interface/grey_curve_bl.gif) no-repeat left bottom;
}

.text-container-br 
{
	position:absolute;
	width:18px;
	height:18px;		
	right:-1px;
	bottom:-1px;
	background:url(../images/interface/grey_curve_br.gif) no-repeat right bottom;
}

.text-container img {
	border:none;
}





















.product-box {
	position:relative;
	
	border:1px solid #b0b0b0;
	/*margin: 0 0 0 0;*/
	/*padding: 0px 8px 4px 18px;*/
}

.product-box b {
	position:absolute;
	width:18px;
	height:18px;
}

.product-box b.tl {
	left: -1px;
	top:-1px;
	background:url(../images/interface/grey_curve_tl.gif) no-repeat left top;
}

.product-box b.tr {
	right:-1px;
	top:-1px;
	background:url(../images/interface/grey_curve_tr.gif) no-repeat right top;
}

.product-box b.bl {
	left:-1px;
	bottom: -1px;
	background:url(../images/interface/grey_curve_bl.gif) no-repeat left bottom;
}

.product-box b.br {
	right:-1px;
	bottom:-1px;
	background:url(../images/interface/grey_curve_br.gif) no-repeat right bottom;
}

.product-box img {
	border:none;
}

.product-box-blue {
	position:relative;
	
	border:1px solid #b3d1ee;
	/*margin: 0 0 0 0;*/
	/*padding: 0px 8px 4px 18px;*/
}

.product-box-blue b {
	position:absolute;
	width:18px;
	height:18px;
}

.product-box-blue b.tl {
	left: -1px;
	top:-1px;
	background:url(../images/interface/blue_curve_tl.gif) no-repeat left top;
}

.product-box-blue b.tr {
	right:-1px;
	top:-1px;
	background:url(../images/interface/blue_curve_tr.gif) no-repeat right top;
}

.product-box-blue b.bl {
	left:-1px;
	bottom: -1px;
	background:url(../images/interface/blue_curve_bl.gif) no-repeat left bottom;
}

.product-box-blue b.br {
	right:-1px;
	bottom:-1px;
	background:url(../images/interface/blue_curve_br.gif) no-repeat right bottom;
}

.product-box-blue img {
	border:none;
}








.test1 {
	position:relative;
	
	border:1px solid #b3d1ee;
	/*margin: 0 0 0 0;*/

}

.test1 b {
	position:absolute;
	width:18px;
	height:18px;
}

.test1 b.tl {
	left: -1px;
	top:-1px;
	background:url(../images/interface/blue_curve_tl.gif) no-repeat left top;
}

.test1 b.tr {
	right:-1px;
	top:-1px;
	background:url(../images/interface/blue_curve_tr.gif) no-repeat right top;
}

.test1 b.bl {
	left:-1px;
	bottom: -1px;
	background:url(../images/interface/blue_curve_bl.gif) no-repeat left bottom;
}

.test1 b.br {
	right:-1px;
	bottom:-1px;
	background:url(../images/interface/blue_curve_br.gif) no-repeat right bottom;
}

.test1 img {
	border:none;
}


.borderall
{

  border-style: solid;
  border-width: 1px;
  border-top-color: #bcbcbc;
  border-bottom-color: #bcbcbc;
  border-left-color: #bcbcbc;
  border-right-color: #bcbcbc;

  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;

  padding: 0px;
}

.bordertop
{

  border-style: solid;
  border-width: 1px;
  border-top-color: #bcbcbc;
  border-bottom-color: #000000;
  border-left-color: #000000;
  border-right-color: #000000;

  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;

  padding: 0px;
}

.borderright
{

  border-style: solid;
  border-width: 1px;
  border-top-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  border-right-color: #bcbcbc;

  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: solid;

  padding: 0px;
}

.borderleft
{

  border-style: solid;
  border-width: 1px;
  border-top-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #bcbcbc;
  border-right-color: #000000;

  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: none;

  padding: 0px;
}


.blue
{
	background-color:#000066;
}

.lightblue
{
	background-color:#d9daf1;
}

.green
{
	background-color:#7ccb35;
}

.grey
{
	background-color:#b0b0b0;
}

.lightgrey
{
	background-color:#dddddd;
}

.mandatory
{
	color: #000066;
}

.panel
{
  color: rgb(0,0,0);
  text-align: left;
	width: 155px;
	line-height: 22px;
	display: block;
	border: 1px none #BCBCBC;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #f1f1f1;*/	
}

.panelHeadingLeft
{
	height: 30px;
	background-image :url(../images/interface/heading1_background.gif);
	font-size: 10pt;
	line-height: 22px;
	color: rgb(255,255,255);
	background-color: #000066;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
}

.panelHeadingRight
{
	font-size: 8pt;
	line-height: 22px;
	color: rgb(255,255,255);
	background-color: #000066;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	text-align: right;
}

.panelBody
{
	/*background: url(../images/interface/heading1_content_background.gif) repeat-y top;*/
  border-style: solid;
  border-width: 0px;
  border-top-color: #bcbcbc;
  border-bottom-color: #bcbcbc;
  border-left-color: #bcbcbc;
  border-right-color: #bcbcbc;

  border-top-style: none;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;

  padding: 5px 3px 3px 3px;
  
}

.panelBody ul
{
	position: relative;
	left: -10px;	
	list-style: square;
}


.pageHeading
{
	position:relative;
	display:block;
	height:65px;
	/*background-image: url(../images/interface/page_heading_1.png);*/
	/*padding: 0 0 5px 80px;*/
	/*margin: 10px 0 0 5px;*/		
	background-position: left;
	background-repeat:no-repeat;
	font-family: Arial, Verdana, "Trebuchet MS", "Bitstream Vera Sans", lucida, helvetica, "Luxi Sans", "Adobe Helvetica", sans-serif;
	font-size: 16pt;
	line-height:16pt;
	font-weight:normal;
	font-style:normal;
	text-align:left;
	color: #444444;	
}

.iconHeading
{
	width: 74px;
	height: 63px;
	padding: 0 10px 0 10px;	
}


.pageHeadingOff {
	font-family: verdana, "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, "Luxi Sans", "Adobe Helvetica", sans-serif;
	font-size: 8pt;
	line-height: 12pt;	
	color: #ffffff;
	font-weight: bold;
	padding: 4px 3px 4px 6px;
	margin: 0px 0px 2px 0px;
	background: rgb(124,203,53);
	background-image:url(../images/interface/blue_grad2.gif);
	border-bottom: 0px solid #000066;
}

#rmenu1, #rmenu2
{
	font-family: verdana, "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, "Luxi Sans", "Adobe Helvetica", sans-serif;
	font-size: 8pt;
	line-height: 12pt;	
	width: 207px;
	line-height: 20px;
	display: block;
	border: 0px solid #BCBCBC;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;  
}

#rmenu1 a:link, #rmenu1 a:visited, #rmenu1 a:active
{
	display: block;
	border: 0px solid #cccccc;
	margin: 0px;
	padding: 1px 1px 1px 1px;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

#rmenu1 a:hover
{
	cursor: pointer;
	display: block;
	border: 1px solid #000066;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	background-color: #000066;
	text-decoration: none;
	text-align: left;
}

.rmenuHeading
{
	height: 30px;
	background-image :url(../images/interface/heading1_background.gif);
	font-size: 10pt;
	line-height: 22px;
	color: rgb(255,255,255);
	background-color: #000066;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
}

.thumbnail
{
	border: solid 1px #dddddd;
	padding: 3px 3px 3px 3px;
}

.tabContainer
{ 	
    background: #ffffff;
    border-top: solid 1px #ffffff; 
    border-left: solid 1px #ffffff; 
    border-right: solid 1px #ffffff; 
}

.tabHeading
{

}

#MainNavigation a:link, #MainNavigation a:active, #MainNavigation a:visited, #MainNavigation a:hover
{
    color: #ffffff;
    text-decoration: none;
}
				
td.tabOn, td.tabOff 
{
    font-style: normal;
    font-weight: bold; 
    text-decoration: none;
    background-color: #000066;
    padding: 2px 8px 2px 8px;

    border-top: solid 1px #000066;
    border-bottom: solid 1px #000066;
    border-left: none 1px #f2f2f2;       
    border-right: solid 1px #f2f2f2;
}

td.tabOff
{
    background-color: #8e909c; 
    padding: 2px 8px 2px 8px; 

    border-top: solid 1px #8e909c;
    border-bottom: solid 1px #f2f2f2;
    border-left: none 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
}

td.tabOff:hover
{
    background-color: #d9daf1; 
    border-top: solid 1px #d9daf1;    	 
}




#formBody #formHeader, #formBody .topCorners * {background:#66A3DC;color:#E5EFF8}
#formBody #formContents, #formBody .bottomCorners * {background:#E5EFF8;}

#formContents hr{margin:0;padding:0;}
#formContents td>hr{margin:5px 0;}

#formContents,#formHeader{
margin:0;
padding:1px 10px 0.1em 10px;
}

/* START rounded corners */
.topCorners, .bottomCorners{display:block; height:5px; overflow:hidden; padding:0;}
.topCorners *, .bottomCorners *{display:block; height:1px; overflow:hidden; padding:0; line-height:1px; font-size:1px;}
.l1{margin:0 5px}
.l2{margin:0 3px}
.l3{margin:0 2px}
.l4{margin:0 1px; height:2px;}
/* zoom:1; is to force IE to have "layout" for this element so the bottom corners that follow it don't go funny... */
.styledPanel{zoom:1;}
/* END rounded corners */

#formHeader {
font-weight:bold;
font-size:10pt;
height:22px;
}


/* Knowledge Base Styles Start */

  .kblink1 { 
  
            font-size: 8pt;
            line-height: 10pt;
            font-style: normal;
            font-weight: bold;  
            font-family: Verdana;
           
            }
                      
  .kbstyle1 { 
  
            font-size: 8pt;
            line-height: 10pt;
            color: rgb(0,0,0); 
            font-style: normal;
            font-weight: normal;  
            font-family: Verdana;
           
            }

  .kbstyle1b { 
  
            font-size: 8pt;
            line-height: 10pt;
            color: rgb(0,0,0); 
            font-style: normal;
            font-weight: bold;  
            font-family: Verdana;

            }

  .kbstyle2 { 
  
            font-size: 8pt;
            line-height: 10pt;
            color: rgb(0,0,0); 
            font-style: normal;
            font-weight: normal;  
            font-family: verdana;
           
            }
            
  .kbstyle2b { 
  
            font-size: 8pt;
            line-height: 10pt;
            color: rgb(0,0,0); 
            font-style: normal;
            font-weight: bold;  
            font-family: verdana;
           
            }

  .kbstyle3 { 
  
            font-size: 8pt;
            line-height: 10pt;
            color: #ff6600; 
            font-style: normal;
            font-weight: normal;  
            font-family: verdana;
           
            }

  .kbstyle3b { 
  
            font-size: 8pt;
            line-height: 10pt;
            color: #ff6600; 
            font-style: normal;
            font-weight: bold;  
            font-family: verdana;
           
            }
                        
  .kbbold1 { 
  
            font-size: 8pt;
            line-height: 10pt;
            color: rgb(0,0,0); 
            font-style: normal;
            font-weight: bold;  
            font-family: Verdana;

            }
                                                           
  .kbheading1 { 
  
			font-family: verdana, "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, "Luxi Sans", "Adobe Helvetica", sans-serif;
			font-size: 8pt;
			line-height: 12pt;	
			color: #ffffff;
			font-weight: bold;
			padding: 4px 3px 4px 6px;
			margin: 0px 0px 2px 0px;
			background: rgb(0,0,102); 
			width: 100%;
           
            }

  .kbheading2 { 
  
            font-size: 10pt;
            line-height: 12pt;
            color: rgb(0,0,0); 
            font-style: normal;
            font-weight: bold;  
            font-family: verdana;
           
            }  

  .kbheading3 { 
  
            font-size: 10pt;
            line-height: 12pt;
            color: rgb(0,0,0); 
            font-style: normal;
            font-weight: bold;  
            font-family: verdana;
           
            }  
            
  .kbpagingheading { 
  
            font-size: 8pt;
            line-height: 10pt;
            color: rgb(0,0,0); 
            font-style: normal;
            font-weight: normal;  
            font-family: verdana;
           
            }         
            
  .kbhr1 { 
  
			color: #dddddd;
			width: 100%;
			height: 1px;
           
         }   
         
  .kbcategoryhighlight { 
  
            background-color: #dddddd;
           
            }   

/* Knowledge Base Styles End */


