@import url("css/menu.css");
@import url("css/searchbutton.css");
@import url("css/searchbutton2.css");
@import url("css/store.css");
@import url("css/listItems.css");
@import url("css/bublecontainer.css");
@import url("css/stripNav.css");
@import url("css/photoframe.css");
@import url("css/IndexItem.css");
@import url("css/answers.css");
@import url("css/htmltooltip.css");
@import url("css/map.css");
@import url("css/livecontent.css");
@import url("css/countdown.css");
/* HTML ATRIBUTES */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9BCCEC;
	background-color:#1e4e8c;
	margin:0px;
	padding:0px;		
}
.NormalBold {
    color:#9BCCEC;
	font-size:12px;
	font-weight:bold;
}
.Normal {
    color:#9BCCEC;
	font-size:12px;
	font-weight:normal;
}
		
.mainbg {
    vertical-align:top;	
	padding:0px;
	margin:0px;
	background:#01316f url(images/TM2_S_bar.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	width:100%;
	height:100%;	
}
.HeaderTop {
   background-image:url(images/TM2_S_04.jpg);
   background-position:top left;
   background-repeat:no-repeat;
}
.UserPadding {
   padding-top:5px;
   padding-right:5px;
} 
.solpart {
   background-image:url(images/TM2_S_09.jpg);
   background-position: top;
   background-repeat:repeat-x;
}
.BreadcrumbFade {
   background-image:url(images/TM2_S_18_fade.jpg);
   background-position:top;
   background-repeat:repeat-x;
}
.FooterFade {
   background-image:url(images/TM2_S_23.jpg);
   background-position:top;
   background-repeat:repeat-x;
}
.SearchPanebox {
	padding-top:5px;
}
.BreadcrumbToken {
    text-align:left;
	vertical-align:middle;
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
}

.WhiteGrayBorderTop {
   background-image:url(images/White-GrayBorder_03.png);
   background-position:top;
   background-repeat:repeat-x;
}
.WhiteGrayBorderLeft {
   background-image:url(images/White-GrayBorder_08.png);
   background-position:top;
   background-repeat:repeat-y;
}
.WhiteGrayBorderRight {
   background-image:url(images/White-GrayBorder_12.png);
   background-position:top;
   background-repeat:repeat-y;
}
.WhiteGrayBorderBottom {
   background-image:url(images/White-GrayBorder_14.png);
   background-position:top;
   background-repeat:repeat-x;
}
form {
	margin: 0;
}
tbody {
	font: 12px  Arial, Helvetica, sans-serif;
}
td {
	font: 12px Arial, Helvetica, sans-serif;
}
div {
	font: 12px Arial, Helvetica, sans-serif;
}
p {
	font: 12px Arial, Helvetica, sans-serif;
}
table {
	font: 12px Arial, Helvetica, sans-serif;
}
input, textarea, select {
	font: 12px Arial, Helvetica, sans-serif;
}

.ControlPanel, .PagingTable {
	width: 100%;
	background-color: #01245c;
	border-right: #4A87D9 1px solid;
	border-top: #4A87D9 1px solid;
	border-left: #4A87D9 1px solid;
	border-bottom: #4A87D9 1px solid;
}
/* Normal Text Box */
.NormalTextBox { color: #740001; font-size: 12px; font-weight: normal; vertical-align: middle; background-color: #FFFFFF ; border: #1e4e8c 1px solid; }

/* Normal Text Box TD*/
.NormalTextBox TD { color: #740001; font-size: 12px; font-weight: normal; vertical-align: middle; background-color: #FFFFFF; border: #1e4e8c 1px solid; }

/* SKIN ATRIBUTES */

/* Containers */
/*-- Top Banner Ad Pane            --*/ .TopAdPane { padding: 0 3px 0 3px; width:100%; vertical-align:middle; text-align:center; }
/*-- Top Banner Ad Pane            --*/ .MiddleAdPane { padding: 0 3px 0 3px; width: 50px; vertical-align:middle; text-align:center; }
/*-- Bottom Banner Ad Pane         --*/ .BottomAdPane { padding: 0 3px 0 3px; width: 50px; vertical-align:middle; text-align:center; }

/*-- top inside content pane       --*/ .TopPane { width: 100%; padding: 0 3px 0 3px;}

/*-- left3 content pane            --*/ .Level1 { padding: 0 3px 0 3px; width: 25%; }
/*-- content3 pane                 --*/ .Level2 { padding: 0 3px 0 3px; }
/*-- right3 content pane           --*/ .Level3 { padding: 0 3px 0 3px; width: 25%; }

/*-- left content pane             --*/ .LeftPane { padding: 0 3px 0 3px; width: 40%; }
/*-- right content pane            --*/ .RightPane { padding: 0 3px 0 3px; }

/*-- left content pane             --*/ .LeftPane { padding: 0 3px 0 3px; width: 50%; }
/*-- right content pane            --*/ .RightPane { padding: 0 3px 0 3px; }

/*-- Middle Pane                   --*/ .MiddlePane { width: 100%; padding: 0 3px 0 3px;}

/*-- left2 content pane            --*/ .LeftPane2 { padding: 0 3px 0 3px; width: 20%; }
/*-- content2 pane                 --*/ .ContentPane2 { padding: 0 3px 0 3px; }
/*-- right2 content pane           --*/ .RightPane2 { padding: 0 3px 0 3px; width: 20%; }

/*-- bottom inside pane            --*/ .MiddlePane2 { width: 100%; padding: 0 3px 0 3px; }


/*-- left3 content pane            --*/ .LeftPane3 { padding: 0 3px 0 3px; width: 33%; }
/*-- content3 pane                 --*/ .ContentPane3 { padding: 0 3px 0 3px; }
/*-- right3 content pane           --*/ .RightPane3 { padding: 0 3px 0 3px; width: 33%; }

/*-- footer content pane           --*/ .Copyright { padding: 0 3px 0 3px; vertical-align:middle; padding-bottom:5px; }

/* END Containers */


/* Links */

a:Link, a:visited, a:active {
	color: #4A87D9;
	text-decoration: none;
}
a:hover {
	color: #cccccc;
	text-decoration: underline;
}
.RedLink, a.RedLink, a.RedLink:visited, a.RedLink:active{
	color: #4A87D9;
	text-decoration: none;
}
a.RedLink:hover {
    color: #cccccc;
	text-decoration: underline;
}
.linkWhite, a.linkWhite, a.linkWhite:Visited, a.linkWhite:Active {
	color: #4A87D9;
	text-decoration: none;
}
a.linkWhite:hover {
	color: #cccccc;
	text-decoration: underline;
}
a.linkRedWithGray:Link, a.linkRedWithGray:Visited, a.linkRedWithGray:Active {
	color: #4A87D9;
	text-decoration: underline;
}
a.linkRedWithGray:hover {
	color: #cccccc;
	text-decoration: underline;
}

#WhiteTextUser {
   color:#ffffff;
   font-size:12px;
   font-weight:bold;
}
#WhiteTextUser a:link{color:#ffffff; font-weight:bold;}
#WhiteTextUser a:visited{color:#ffffff; font-weight:bold;}
#WhiteTextUser a:hover{color:#ffffff; font-weight:bold; text-decoration:underline;}
#WhiteTextUser a:active{color:#ffffff; font-weight:bold; text-decoration:underline;}

#WhiteText {
   color:#ffffff;
   font-size:10px;
   font-weight:bold;
}
#WhiteText a:link{color:#ffffff; font-weight:bold;}
#WhiteText a:visited{color:#ffffff; font-weight:bold;}
#WhiteText a:hover{color:#ffffff; font-weight:bold; text-decoration:underline;}
#WhiteText a:active{color:#ffffff; font-weight:bold; text-decoration:underline;}

#WhiteText2 {
   color:#ffffff;
   font-size:12px;
   font-weight:bold;
}
#WhiteText2 a:link{color:#ffffff; font-weight:bold;}
#WhiteText2 a:visited{color:#ffffff; font-weight:bold;}
#WhiteText2 a:hover{color:#ffffff; font-weight:bold; text-decoration:underline;}
#WhiteText a:active{color:#ffffff; font-weight:bold; text-decoration:underline;}

#BlueTitleLink {
   color:#245CA8;
   font-size:16px;
   font-weight:bold;
   font-family: Arial,sans-serif;
   text-align:left;
   vertical-align:middle;
   text-decoration: none;
}
#BlueTitleLink  a:link{color:#245CA8; font-size:16px; vertical-align:middle; }
#BlueTitleLink  a:visited{color:#245CA8; font-size:16px; vertical-align:middle; }
#BlueTitleLink  a:hover{color:#4A87D9; font-size:16px; vertical-align:middle; text-decoration: none; }
#BlueTitleLink  a:active{color:#245CA8; font-size:16px; vertical-align:middle; text-decoration: none; }

#GrayLearnMore {
   color:#CCCCCC;
   font-size:10px;
   font-weight:bold;
   text-decoration: none;
}
#GrayLearnMore a:link{color:#CCCCCC; font-size:10px; vertical-align:middle; }
#GrayLearnMore a:visited{color:#CCCCCC; font-size:10px; vertical-align:middle; }
#GrayLearnMore a:hover{color:#FFFFFF; font-size:10px; vertical-align:middle; text-decoration: none; }
#GrayLearnMore a:active{color:#CCCCCC; font-size:10px; vertical-align:middle; text-decoration: none; }

#BlueLeanMore {
   color:#245CA8;
   font-size:10px;
   font-weight:bold;
   text-decoration: none;
}
#BlueLeanMore a:link{color:#245CA8; font-size:10px; vertical-align:middle; }
#BlueLeanMore a:visited{color:#245CA8; font-size:10px; vertical-align:middle; }
#BlueLeanMore a:hover{color:#4A87D9; font-size:10px; vertical-align:middle; text-decoration: none; }
#BlueLeanMore a:active{color:#245CA8; font-size:10px; vertical-align:middle; text-decoration: none; }



/* style for module titles */
.Head  {
    font-family: Arial,sans-serif;
	font-size: 8pt;
    font-weight: bold;
	color: #9BCCEC;
	               
}


div.hr {
margin: 4px 0 4px 0;
padding: 0;
height: 1px;
font-size: 1px;
background:#1e4e8c;
}

/* Default Values*/

.SubHead    {
      font-family: Arial,sans-serif; 
	  color: #9BCCEC;
      font-size: 8pt; 
               
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
     font-family: Arial,sans-serif; 
	 color: #9BCCEC;
     font-size: 8pt;        
}

/* text style used for most text rendered by modules */
.Normal {
    font-family: Arial,sans-serif; 
    color: #9BCCEC;
	font-size: 8pt;

}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {

    font-family: Arial,sans-serif;
    color: #4A87D9;
	font-size: 8pt;
	text-decoration: none;
                
}

A.CommandButton:visited  {
    font-family:  Arial,sans-serif;
    color: #4A87D9;
	font-size: 8pt;
	text-decoration: none;
                
}

A.CommandButton:active   {
    font-family:  Arial,sans-serif;
    color: #4A87D9;
	font-size: 8pt;
	text-decoration: none;

}

A.CommandButton:hover {
    font-family:  Arial,sans-serif;
    color: #cccccc;
	font-size: 8pt;
	text-decoration: underline;
}


/* text style for buttons and link buttons used in the portal admin pages */
.LinkStyle1     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.LinkStyle1 :link {

    font-family: Arial,sans-serif;
    color: #4A87D9;
	font-size: 8pt;
                
}

A.LinkStyle1 :visited  {
    font-family:  Arial,sans-serif;
    color: #245CA8;
	font-size: 8pt;
                
}

A.LinkStyle1 :active   {
    font-family:  Arial,sans-serif;
    color: #245CA8;
	font-size: 8pt;

}

A.LinkStyle1 :hover {
    font-family:  Arial,sans-serif;
    color: #4A87D9;
	font-size: 8pt;
}


/*=====================================================================*/
/* Template Text Headings                                              */
/*=====================================================================*/

/* H1 */
H1 { color: #245CA8; font-family: Arial,sans-serif; font-size: 15px; font-weight: bold; }
A.H1:Link,A.H1:Visited,A.H1:Hover,A.H1:Active { color: #245CA8; font-family: Arial,sans-serif; font-size: 15px; font-weight: bold; text-decoration: underline; }

/* H2 */
H2 { color: #245CA8; font-family: Arial,sans-serif; font-size: 14px; font-weight: bold; }
A.H2:Link,A.H2:Visited,A.H2:Hover,A.H2:Active { color: #245CA8; font-family: Arial,sans-serif; font-size: 14px; font-weight: bold; text-decoration: underline; }

/* H3 */
H3 { color: #245CA8; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; }
A.H3:Link,A.H3:Visited,A.H3:Hover,A.H3:Active { color: #245CA8; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* H4 */
H4 { color: #245CA8; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; }
A.H4:Link,A.H4:Visited,A.H4:Hover,A.H4:Active { color: #245CA8; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* H6 */
H6 { color: #245CA8; font-family: Arial,sans-serif; font-size: 11px; font-weight: bold; }
A.H6:Link,A.H6:Visited,A.H6:Hover,A.H6:Active { color: #245CA8; font-family: Arial,sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; }

img { border: 0; }