@import url("css/menu.css");

/* CSS Document */
body {background:#FFF ; height:100%; margin:0px; padding:0px; }

/* ControlPanel style */
.ControlPanel{}
.cpanel_left {}
.cpanel_right { }

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#3366cc; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
.Head{font-size:18px;}
h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}

.Sepnomallink { vertical-align:middle; width:3px; background-image:url(images/separator.jpg);
                 background-repeat:no-repeat; background-position:center center;}

img{border:none;}
a,a:link,a:visited,a:active{color:#3366cc; text-decoration:none; font-weight:normal; }
a:hover{color:#3366cc; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:normal;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.websitealign
{   position:relative;
    float:left;
	padding:15px 0px 5px 5px;        
}
.template_style{
				width:800px; margin:0 auto; 				
				position:relative;
				float:left;
}

.top_space{padding:0px 0px 0px 0px;          
           vertical-align:top; 
           }
           
.flashheader
{ margin:0px 0px 0px 0px;  
  -moz-margin-start: -1px;
}
                
.tempborder
{         width:100%
}


.SepNormalLinks{ background-color:Red;}

.mitname{}

.topmenulinks{max-height:60px; width:300px;  position:relative; top:25%; left:50%; }

.lang_pad{float:left;}

.logo_pad{ }

.menu_style{}

.menu_bg{}

.search_style{}
.search_bg{}

.bread_bg{    background:url(images/hrule_17.jpg);
              background-repeat:no-repeat;
              background-position:bottom;
              padding-bottom:5px;
              margin-bottom:5px;
               }


#login_style{ float:right; padding:0px 17px 0px 10px; }
#bread_style{ float:left; padding-left:5px;color:#000000;

              }

.content_space{ padding:0px 20px 0px 20px;
                background:url(images/fullbackground_slice_02.png); 
                background-repeat:no-repeat;
                }

.content_space_2_col{height:350px;
                     vertical-align:top;
				padding:0px 0px 0px 5px;
                }

.footer_space{ padding:0px 0px 0px 6px; 
               margin-top:0px;}

.center_bg{padding:0px; margin:0px;clear:both;}
.content_pad{ padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:transparent;}
.content_width{padding-top:0px; padding-bottom:5px; min-height:300px;}


.bot_bg{}

.bot_pad{}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}


/*--------- content round borders ------------*/
.contentborder .upperleftborder
{background:url(images/Blue_Round_Slices_03.jpg); 
 background-position:left top;
 background-repeat:no-repeat;
 height:75px;
}

.contentborder .upperrightborder
{background:url(images/Blue_Round_Slices_06.jpg); 
 background-repeat:no-repeat;
 background-position:right top;
 height:75px;
}

.contentborder .upperborder
{background:url(images/Blue_Round_Slices_04.jpg); 
 background-repeat:repeat-x;
 margin: -75px 5px 0 5px;
 height:75px;
                padding: 13px 0 0 5px;
                font-size:20px;                 
                font-family:Verdana, Arial,  sans-serif;
                font-weight:bold;
                color:#222222;

}

.ContentTable
{
   /* margin-top:-15px;*/
}
.contentborder .leftborder
{background:url(images/Blue_Round_Slices_08.jpg); 
 background-repeat:repeat-y;
background-position:left;
}

.contentborder .rightborder
{background:url(images/Blue_Round_Slices_10.jpg);  
 background-position:right;  
 background-repeat:repeat-y;

}

.contentborder .bottomleftborder
{background:url(images/Blue_Round_Slices_13.jpg); 
 background-repeat:no-repeat;
 background-position:left bottom;
 height:30px;
}

.contentborder .bottomrightborder
{background:url(images/Blue_Round_Slices_16.jpg); 
 background-repeat:no-repeat;
 background-position:right bottom;
 height:30px;
}


.contentborder .bottomborder
{background:url(images/Blue_Round_Slices_14.jpg);
 background-repeat:repeat-x;
 margin: -17px 10px 0 10px;
 height:17px;
}


/*--------- bottom links round borders ------------*/
.bottomlinks 
{
    background:url(images/Blue_Footer_Slices_22.jpg);
    background-repeat:no-repeat;
    height:80px;
    width:100%;
}
.bottomlinks .upperleftborder
{background:url(images/bottom_48.jpg); 
 background-position:left top;
 background-repeat:no-repeat;
 height:12px;
}

.bottomlinks .upperrightborder
{background:url(images/bottom_51.jpg); 
 background-repeat:no-repeat;
 background-position:right top;
 height:12px;
}

.bottomlinks .upperborder
{background:url(images/bottom_49.jpg); 
 background-repeat:repeat-x;
 margin: -12px 13px 0 13px;
 height:12px;
}

.bottomlinks .leftborder
{background:url(images/bottom_53.jpg); 
 background-repeat:repeat-y;
background-position:left;
}

.bottomlinks .rightborder
{background:url(images/bottom_52.jpg);  
 background-position:right;  
 background-repeat:repeat-y;

}

.bottomlinks .bottomleftborder
{background:url(images/bottom_57.jpg); 
 background-repeat:no-repeat;
 background-position:left bottom;
 height:15px;
}

.bottomlinks .bottomrightborder
{background:url(images/bottom_59.jpg); 
 background-repeat:no-repeat;
 background-position:right bottom;
 height:15px;
}


.bottomlinks .bottomborder
{background:url(images/bottom_58.jpg);
 background-repeat:repeat-x;
 margin: -15px 13px 0 13px;
 height:15px;
}


/*--------- pane style ----------*/

.clearBg
{ position:absolute;
  opacity: .1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
  filter: alpha(opacity=10);  
}

.TopPane{width:100%; min-height:225px; padding:0px; margin:0px;}
.ContentPane{ min-height:20px; padding:0px; margin:0px; }
.BottomPane{ padding:0px; margin:0px; }
.LeftPane { padding:0px 0px 0px 0px; width:0%; min-height:20px; margin:0px; }
.RightPane{ padding:0px 0px 0px 0px; width:0%; min-height:20px; margin:0px; }

.ColumnsContentPane{ padding:0px 15px 5px 15px;
                     
                     }
.ColumnsTopPane{padding:2px 0px 0px 10px;  
                margin:0px 0px 0px 0px; 
                height:35px;                              
                position:relative;
                vertical-align:top;
                background-image:url(images/Links_Bg_Slices_05.jpg);
                background-position:top;
                background-repeat:no-repeat;
                
                }
                
.MiddleContentPane
{  padding-left:10px;
    width:575px;
}                
.contentborder{ margin:0px 0px 0px 0px; } 
              
.ColumnsLeftPane{ padding:0px 0px 0px 0px; width:220px; min-height:20px; margin:0px;                                      					
	              }

.bottomlinks{}
/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{ clear:both; text-align:center; padding:15px 10px 5px 10px;}
.links,a.links:link,a.links:active,a.links:visited{ color:#3366cc;  }
a.links:hover{color:#ccccff;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*/

/* Horizontal Menu */
#HouseMenuNav { /* menu wrapper div */
    padding: 0;	
	margin: 0;
	list-style-type: none;
	white-space: nowrap;
	width: 100%;
	height: 90px;
	position:relative;
	float:right;
	_position: absolute;

}

#HouseMenuNav ul { /* all submenu lists */
	/*padding: 0;
	border: 0;
	margin: 0;
	list-style-type: none;
	line-height: 12px;
	white-space: nowrap;
	background-color: #000;
	z-index: 99999;*/
	
	border: solid 1px #999;
	width: 100%;
	height: 24px;
	line-height: 14px;
	background-color: #eee;
}

#HouseMenuNav a { /* all links within the menu wrapper */
   clear:botH;
   position:relative;
    float:left;
	display: block;
	color : #fff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	font-weight : bold;
	text-decoration : none;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: 90px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	_width: 100%;
	height: 12px;
	_height: 100%;
	/* end hack */
	margin: 0; 
	border: 0;
	
}

#HouseMenuNav li { /* all list items */
	position: relative;
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;	
	height: 90px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: auto;
	_width: 1px;
	/* end hack */

}

#HouseMenuNav li a:hover 
{
	margin: 0;
	border: 0; 
	padding: 5px 0px 0px 0px;
	color: #000; 
	background-repeat: repeat-x;
}

#HouseMenuNav li a img 
{ padding:0px;
  position:relative;
  /*float:left;*/
  /*border:solid 1px black;*/
}

#HouseMenuNav li ul { /* second-level lists */
	position: absolute;
	width: 144px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: solid 1px #333;
	/* border-top: none; */
	padding: 0;
	margin: -2px 0 0 0;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	margin: 0 0 0 0;
	/* end hack */
	white-space: nowrap;
	z-index: 11112;
	line-height: 12px;
}

#HouseMenuNav li ul ul { /* third-and-above-level lists */
	margin: -31px 0 0 144px;
	_margin: -30px 0 0 144px;
	border: solid 1px #333;
	white-space: nowrap;
	line-height: 12px;
}

#HouseMenuNav li:hover ul ul, 
#HouseMenuNav li:hover ul ul ul, 
#HouseMenuNav li.sfhover ul ul, 
#HouseMenuNav li.sfhover ul ul ul {
	left: -9999px;
}

#HouseMenuNav li:hover ul, 
#HouseMenuNav li li:hover ul, 
#HouseMenuNav li li li:hover ul, 
#HouseMenuNav li.sfhover ul, 
#HouseMenuNav li li.sfhover ul, 
#HouseMenuNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 99999;
}

#HouseMenuNav li li { /* all items under the top level */
	list-style-type: none;
	width: 148px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 134px;
	_width: 144px;
	/* end hack */
	z-index: 11113;
}

#HouseMenuNav li li a { /* all item links under the top level */
	width: 148px;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 134px;
	_width: 144px;
	/* end hack */
}

#HouseMenuNav iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#HouseMenuNav #houseMenuParentItem a
{ /* all links under the parent item (li) */
	color: #333; 
	background-color: transparent; 
	background-repeat: repeat-x;
	text-decoration: none;
}

#HouseMenuNav a#houseMenuParentLink
{ /* parent link itself */
	color: #333; 
	background-color: transparent; 
	background-repeat: repeat-x;
	text-decoration: none;
}

#HouseMenuNav a#houseMenuCurrentLink
{ /* current link itself */
	margin: 0;
	border: 0; 
	padding: 8px 5px 10px 5px;
	color: #eee; 
	background-color: transparent; 
	background-repeat: repeat-x;
	text-decoration: none;
}

.ArrowPointer
{
	cursor: default;
}

.positionAbsolute
{
	position: absolute;
}

/* ==========================
    CSS STYLES FOR HouseMenu
   ==========================
*/

/* Vertical Menu */
#MITMenuV, #MITMenuV ul { /* all lists */                          
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	background: transparent;
}

#MITMenuV li { /* all list items */
	margin: 0;
	padding: 0;		
	border: 0;
	list-style: none;
	position: relative;
	float: left;
	width: 100%;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 100%;
	_width: 100%; /* width recognized by IE only to handle box model issues */
	/* end hack */
	line-height : 18px;
}

#MITMenuV li ul { /* second-level lists */
	position: absolute;
	left: -9999px;
	margin-left: 114px;
	_margin-left: 112px;
	margin-top: -21px;
	border: solid 1px #999;
	z-index: 999;
	background-color:red;
}

#MITMenuV li ul ul { /* third-and-above-level lists */
	left: -9999px;
	z-index: 999;
}

#MITMenuV a {
	display: block;
	text-align:left;
	width: 100%;
	/* hack for MacIE5 to ignore, while other browsers use \*/
	width: 100%;
	_width: 100%; /* width recognized by IE only to handle box model issues */
	/* end hack */
	color: #3366cc;
	 text-decoration:underline;
	background-color: Transparent;
	padding: 1px 0px 2px 0px;
	opacity: .9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

#MITMenuV li a:hover {
	font-weight:bold;
	background-color: Transparent;
	text-decoration:underline;
}

#MITMenuV li:hover ul ul, 
#MITMenuV li:hover ul ul ul, 
#MITMenuV li.sfhover ul ul, 
#MITMenuV li.sfhover ul ul ul {
	left: -9999px;
}

#MITMenuV li:hover ul, 
#MITMenuV li li:hover ul, 
#MITMenuV li li li:hover ul, 
#MITMenuV li.sfhover ul, 
#MITMenuV li li.sfhover ul, 
#MITMenuV li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 999;
}

#MITMenuV iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	display: block;
}


/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#MITMenuV #houseMenuParentItem a
{ /* all links under the parent item (li) */
	color: #eeeeee;
	background-color: #666;
}

#MITMenuV a#houseMenuParentLink
{ /* parent link itself */
	color: #eeeeee;
	background-color: #333;
	text-decoration:underline;
}

#MITMenuV a#houseMenuCurrentLink
{ /* current link itself */
	color: #3366cc;
	 font-weight:bold;
	text-decoration: underline;
}


/********************STYLE For Yellow Container ***********************/
.yellow {	background-image:url(images/yellowbg_31.jpg);}

.yellow .round_region
{

}

.yellow_container {padding:0 10px 0 10px;
                    }

.yellow .c_contentpane { margin-top:0px; padding:0 0 0 5px; 
                         width:250px;}

.yellow .Head {color:#3366CC;}

.yellow .title {
                }

/*hr { width:40%; height:120px; background-color:Yellow; color: Yellow;}*/



/*--------- content round borders ------------*/
.yellow .upperleftborder
{background:url(images/yellowbg_20.jpg); 
 background-position:left top;
 background-repeat:no-repeat;
 height:10px;
}

.yellow .upperrightborder
{background:url(images/yellowbg_23.jpg); 
 background-repeat:no-repeat;
 background-position:right top;
 height:10px;
}

.yellow .upperborder
{background:url(images/yellowbg_21.jpg); 
 background-repeat:repeat-x;
 margin: -10px 10px 0 10px;
 height:10px;

}

.yellow .leftborder
{background:url(images/yellowbg_30.jpg); 
 background-repeat:repeat-y;
background-position:left;
}

.yellow .rightborder
{background:url(images/yellowbg_32.jpg);  
 background-position:right;  
 background-repeat:repeat-y;

}

.yellow .bottomleftborder
{background:url(images/yellowbg_41.jpg); 
 background-repeat:no-repeat;
 background-position:left bottom;
 height:15px;
}

.yellow .bottomrightborder
{background:url(images/yellowbg_40.jpg); 
 background-repeat:no-repeat;
 background-position:right bottom;
 height:15px;
}


.yellow .bottomborder
{background:url(images/yellowbg_42.jpg);
 background-repeat:repeat-x;
 margin: -15px 10px 0 10px;
 height:17px;
 padding-bottom:10px;
}

/* Form Style For Email Page */
.emailformlabel 
{
    margin-right:20px;
    margin-bottom:60px;
    padding-left:0px;
    margin-left:0px;
}

.emailformtable td
{
    padding-bottom:5px;
}