﻿.img_border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
}
BODY



p {
	font-size: 16px;
	font-family: Calibri, Arial, sans-serif;
	line-height: 20px;
}

.Form
{
	background-color: #e7e7e7; 
	color: #000084; 
	font-size: 14px; 
	font-weight: bold;
}

.FormHeading
{
	MARGIN-TOP: -2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14pt; 
	COLOR: #3333cc; 
	FONT-FAMILY: arial, helvetica, sans-serif; 
	TEXT-DECORATION: none	
}
.Table
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 10pt;	
}
.FormHead
{
	background-color: Gray;
	color: Black; 
	font-size: 16px; 
	font-weight: bold;
}

.confirmation
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bolder
}

a:link
{
color: #00336D;
text-decoration: none;
	font-weight: bold;
}
a:visited
{
	text-decoration: none;
	color: #00336D;
	font-weight: bold;
}
a:hover 
{
	/* [disabled]color: #688FB1; */
	text-decoration: underline;
}
a:active 
{
	text-decoration: none;
} 
a:focus 
{
	/* [disabled]outline: dotted; */
	/* [disabled]outline-color: #66CCFF; */
}
.Label
{
	color: Black;
	font-size: 12pt;
	font-weight: bold;
}
.Label21
{
	background-color: #E7E7E7; 
	color: Black;
	font-size: 10px; 
	font-weight: bold;
}
.HyperLink
{
	color: #000084; 
	font-weight: bold;
}

.LabelRed
{
	color: Red; 
	font-size: 14px; 
}
.RowColor
{
	background-color: #E7E7E7; 
		color:Black; 
}

.TableHeading
{
 background-color: #688FB1;
 color:White;
 font-weight: bold; 
}

.TableRowColor
{
	background-color: #E7E7E7;
	font-size: 10pt;
}

p.formlabel
{
	margin-bottom: 0px;	
}

.standard
{
	border: solid;
	border-color: #3399FF;
	border-width: 1px;
	background-color: #eeeeee;
}

.readonly
{
	border: solid;
	border-color: #3399FF;
	border-width: 1px;
	background-color: #cecece;
}

table.rbl
{
	border: dashed;
	border-color: #3399FF;
	border-width: 1px;
	background-color: #eeeeee;
}


input.file
{
	border: dashed;
	border-color: orange;
	border-width: 1px;
	background-color: lightyellow;	 
}

input.submit
{
	border: solid;
	border-color: gray;
	border-width: 1px;
	background-color: lightyellow;	
}


hr.titleline
{
	border: solid;
	border-color: #0000CC;
	border-width: 1px;	
}

h3.title
{
	margin-bottom: 0px;
	color: #0000CC;
	font-size: larger;
}

table#Wizard1
{
	background-color: white;
}

H1 
{
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	COLOR: #805817;
	font-weight: bold;
	display:inline;
	white-space: pre-line;
}
H2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	COLOR: #805817;
	font-weight: bold;
	font-style:italic;
	display:inline;
	white-space: pre-line;
}
H3 {
	font-family: Verdana, Geneva, sans-serif;
	COLOR: #000000;
	font-weight: bold;
	display:inline;
	/* [disabled]white-space: pre-line; */
	font-size: 14px;
}


A.colheader1nav:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #688FB1
}
A.colheader1nav:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #688FB1
}
A.colheader1nav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #688FB1
}
A.colheader1nav:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #688FB1
}

ul 
{
list-style-image: url('../Images\right-arrow.gif');


}
ul {
	font-family: calibri, sans-serif;
	font-size: 16px;
}




.numeric
{
	text-align: right;
}

.instruction
{
	text-align: justify;
}

a.tooltip
{
    position: relative; 
    z-index: 24;
    text-decoration: none;          
}

a.tooltip:hover
{
	z-index: 25; 
	background-color: #ff0;
}

a.tooltip span
{
	display: none;
}

a.tooltip:hover span
{
	display: block;
    position: absolute;
    top: 2em; left: 2em; width: 15em;
    border:1px solid #0cf;
    background-color: #cff; color: #000;
    text-align: center;
}

.slidingmenu{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 665px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
}

.slidingmenu .belt{
position: absolute; /*leave this value alone*/
left: -7px;
top: 0; 
}

.slidingmenu .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 130; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.slidingmenu .panel1{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 300; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.darkBlue
{
background-color:#2D3790
}

.HeaderBack
{
background-color:#ffffff;
vertical-align:middle
}

.HeaderBack1
{
background-color:#00366d;
vertical-align:middle
}

.floatright { float: right; }
.floatleft { float: left; }

.lightBlue
{
background-color: #688FB1	
}
.Tan
{
background-color: #dddece	
}


.bodyBackground
{
background-color:#FFFFFF
}

     


.bbl {background: url('../Images/bl-688fb1.gif1') 0 100% no-repeat #688FB1; width: 670px; Height:20px;} 
.bbr {background: url('../Images/br-688fb1.gif1') 100% 100% no-repeat; width: 670px; Height:20px;} 
.btl {background: url('../Images/tl-688fb1.gif') 0 0 no-repeat} 
.btr {background: url('../Images/tr-688fb1.gif') 100% 0 no-repeat; padding:2px;} 


.bottombl {background: url('../Images/bl-688fb1.gif') 0 100% no-repeat #ffffff; width: 665px; Height:10px} 
.bottombr {background: url('../Images/br-688fb1.gif') 100% 100% no-repeat; width: 665px; Height:10px} 
.bottomtl {background: url('../Images/tl-688fb1.gif1') 0 0 no-repeat} 
.bottomtr {background: url('../Images/tr-688fb1.gif1') 100% 0 no-repeat; padding:10px} 



.t {background: url('../Images/lbd.gif1') 0 0 repeat-x; width:670px;}
.b {background: url('../Images/lbd.gif') 0 100% repeat-x}
.l {background: url('../Images/lbd.gif') 0 0 repeat-y}
.r {background: url('../Images/lbd.gif') 100% 0 repeat-y}
.bl {background: url('../Images/bl.gif') 0 100% no-repeat}
.br {background: url('../Images/br.gif') 100% 100% no-repeat}


.backRed
{
float: right;
background-color: RED
}
.HeaderText 
{
	font-family: Arial;
	font-size: 14px;	
}
.BodyText 
{
	font-family: Arial;
	font-size: 14px;	
}

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}


#container {
	margin: 0px auto 0px auto;
	text-align: left;
	width: 950px;
	background-color: #ffffff;
	z-index: 501;
} 

#container3 {
	margin: 0px auto 0px auto;
	text-align: left;
	width: 950px;
	background-color: #ffffff;
	z-index: 500;
} 

#containerHeader {
margin: 0px auto 0px auto;
text-align: left;
width: 1150px;
background-color: #ffffff
} 




.headerTD 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 13px;	
	COLOR: #ffffff
}
A.headerNav:link 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 13px;	
	 COLOR: #ffffff
}

A.headerNav:visited 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 13px;	
	COLOR: #ffffff
}
A.headerNav:hover 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 13px;	
	 COLOR: #ffffff
}
A.headerNav:active 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 13px;	
	 COLOR: #ffffff
}
headerNav
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 13px;
}


/* ######### CSS for top level tabs ######### */
.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}


.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #688FB1;
color: Black;
margin-right: 5px;
text-decoration: none;
font: bold 11px Arial;
}

.tabsmenuclass a.selected{
background: #dddece;
color: white;

}

.tabsmenuclass a.selected{
background: #dddece;
color: white;

}

.tabsmenuclass a:hover{
background: #dddece;
color: white;

}

/* ######### CSS for sub menu container below ######### */
.tabsmenucontentclass{
clear: left;
background: #dddece;
height: 24px;
padding: 5px;
font-family: arial, helvetica, sans-serif; 
font-size: 8px;
font:bold;

border: 1px lightblue;

}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif; 
font-size: 8px;
font:bold;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 3em;
font-family: arial, helvetica, sans-serif; 
font-size: 8px;
font:bold;
}

/* ######### CSS for sub menu container link below ######### */
A.ContentNav:link 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px;	
	text-decoration: none;
	COLOR: #000000
}

A.ContentNav:visited 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px;	
	text-decoration: none;
	COLOR: #000000
	
}
A.ContentNav:hover 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px;	
	COLOR: #000000;
	text-decoration: none;
	text-decoration: none;
}
A.ContentNav:active 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px;
	text-decoration: none;
	COLOR: #000000		
}

A.ContentTopNav:link 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px;	
	COLOR: #000000
}

A.ContentTopNav:visited 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px;	
	COLOR: #ffffff
	
}
A.ContentTopNav:hover 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px;	
	COLOR: #000000	
}
A.ContentTopNav:active 
{
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px;
	COLOR: #000000		
}

A.footerNav:link {
	FONT-SIZE: 8pt; COLOR: #2D3790
}
A.footerNav:visited {
	FONT-SIZE: 8pt; COLOR: #2D3790
}
A.footerNav:hover {
	FONT-SIZE: 8pt; COLOR: #2D3790
}
A.footerNav:active {
	FONT-SIZE: 8pt; COLOR: #2D3790
}

#container2 {
margin: 0px auto 0px auto;
text-align: left;
width: 950px;
padding:10px;
background-color: #ffffff;
float:right
} 

/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs{
margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;

 /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background-color: #D4E0FC;
	background-repeat: repeat-x;
	background-position: left top;
}
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
	color: #2d2b2b;
	background-color: #E0E0E0;
}

.shadetabs li a.selected{ /*selected main tab style */

top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
	border-bottom-color: white;
	background-color: #FFF;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### CSS for TOp######### */

#left_column_left{width:10px;float:left;background:#fff; border:0px solid gray;  }
#left_column_left1{width:10px;float:left;background:#fff; border:0px solid gray;  }
#left_column{width:600px;float:left;background:#fff; border:0px solid gray;  }
#center_column{width:400px;float:left;background:#ECECEC;}
#right_column{width:315px; height:440; float:left;background:#fff;}

#left_columnTab1{width:940px;float:left;background:#fff; border:0px solid gray  }
#left_column1{width:470px;float:left;background:#fff; border:0px solid gray  }
#center_column1{width:600px;float:left;background:#ECECEC;}
#right_column1{width:470px; float:left; background:#fff; border:0px solid gray  }


#third_left_column{
	width:200px;
	float:left;
	background:#fff;
	border:0px solid gray;
	z-index: 1;
}
#third_right_column{width:750px; float:left; background:#fff; border:0px solid gray  }


.left_column a
{
text-decoration: none;

z-index: 1;
padding: 15px 12px;
margin-right: 0px;
margin-left :1px;
border: 0px solid #778;
color: #2d2b2b;
background: tan url(../Images/shade1.jpg) top left repeat-x;

}

.left_column a:hover{
text-decoration: underline;
color: #000000;
}



/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabsTop{
padding: 0px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabsTop li{
display: inline;
margin: 0;
}

.shadetabsTop li a{
text-decoration: none;

z-index: 1;
padding: 15px 12px;
margin-right: 0px;
margin-left :1px;
border: 0px solid #778;
color: #2d2b2b;
background: tan url(../Images/shade1.jpg) top left repeat-x;
}

.shadetabsTop li a:visited{
color: #2d2b2b;
}

.shadetabsTop li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabsTop li a.selected{ /*selected main tab style */

top: 0px;
}

.shadetabsTop li a.selected{ /*selected main tab style */
background-image: url(../Images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabsTop li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}



#TabcontainerLeft {
margin: 10px auto 10px auto;
text-align: left;
width: 300px;
background-color: #ffffff;
float:left
} 

#TabcontainerRight {
margin: 1px auto 1px auto;
text-align: left;
width: 450px;
background-color: #FFFFFF;
}

#header{
   width: 940px;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
   background: ##00366d;
}

#header1{

   width: 950px;
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
   font: bold 10px Arial;
}
#header12{

   width: 950px;
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
   font: bold 10px Arial;
   float:left;
}

#footer{

   width: 950px;
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
   font: bold 10px Arial;
}
#footerAdd{

   width: 950px;
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
   font: bold 10px Arial;
}

#containerLeft {
margin: 0px auto 0px auto;
text-align: left;
width: 150px;
padding:10px;
background-color: #ffffff;
float:left
} 


/* ######### Side menu ######### */

A.LeftNav:link {
	font-family: Arial, sans-serif;
	font-size: 12px;	
	COLOR: #000000;
}
A.LeftNav:visited {
	font-family: Arial, sans-serif;
	font-size: 12px;	
	COLOR: #000000;
}
A.LeftNav:active {
	font-family: Arial, sans-serif;
	font-size: 12px;	
	COLOR: #000000;
}

div.sdmenu {
	width: 200px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url('../Images/bottom.gif1') no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url('../Images/title.gif') repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url('../Images/title.gif') repeat-x;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url('../Images/expanded.gif') no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url('../Images/collapsed.gif');
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 20px;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #688FB1 url('../Images/linkarrow.gif') no-repeat right center;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

.btnClass {
  color: #ffffff;
  background: #E2A971;
  font-weight: bold;
  font-size:10pt;
  border: none;    
  padding: 0;
  height: 50px;
  width:147px;
  cursor: hand;      
}

#myslideshow{ /*sample CSS for demo*/
border:0px solid black;
}

#img1{
-ms-filter: "progid:DXImageTransform.Microsoft.GradientWipe(duration=1)";
filter :progid:DXImageTransform.Microsoft.GradientWipe(duration=1);
}
ol {
	font-family: Calibri, Arial, sans-serif;
	font-size: 16px;
}

.red {
	color: #A20000;
}
.gray {
	color: #666;
	font-size: .85em;
}
.mncic {
	padding-top: 20px;
	padding-left: 25px;
}
.users {
	width: 450px;
	padding: 10px;
	margin-left: 20px;
	border: 2px solid #D0D0D0;
	margin-bottom: 20px;
}
