﻿/* Default Page Layout */
* {margin:0;padding:0}

body{background-position:50% 50%;background-repeat:repeat-y;font-size:1em;text-align:center;}
body,div,p,blockquote,ol,ul,dl,li,dt,dd,td,th,#page{font-family:arial,helvetica,sans-serif}


a:link{color:#3C78B5}
a:visited{color:#9F65B2}
a:hover{text-decoration:none}
.page{background-color:#fff;margin:10px;margin-left:auto;margin-right:auto;width:955px; text-align:left;}
.page_header{background-color:#fff;background-position:top center;background-repeat:no-repeat;height:104px;vertical-align:top}
.page_header h1,.page_header h2{display:none}
.page_header .LogInFrame,.page_header .LogOutFrame{position:relative}
.page_header .LogInFrame div{color:#E57A1A;font-size:.7em;font-weight:bold;left:400px;position:absolute;top:10px}
.page_header .LogOutFrame div{color:#E57A1A;font-size:.7em;font-weight:bold;position:absolute;right:50px;top:82px}
.page_header .LogOutFrame div span{background-image:url(arrow.gif);background-position:right .45em;background-repeat:no-repeat;color:#9C9C9C;padding-right:10px}
.page_header .LogOutFrame div span a{color:#9C9C9C;text-decoration:none}
.page_content{background-image:url(content_bg.png);background-position:top center;background-repeat:no-repeat;border:none;overflow:visible;padding:10px 20px 0 20px}

.page_content .tablemaster table{width:840px;}

.page_content h3{color:#636363;font-size:1.3em;font-weight:normal;margin:0;padding:0}
.page_content h3 .UserFullName{color:#E57A1A}
.page_content p{margin:0 0 10px 0;}

.page_content #CurrentTime{color:#636363;font-size:.8em;font-weight:bold;margin-bottom:10px;margin-top:10px}
.page_footer{background-position:center bottom;background-repeat:no-repeat;border:none;clear:both;height:15px;padding:0}
.MirionNewsTab{background-image:url(tab_latest_news.gif);background-position:0 0;background-repeat:no-repeat;color:#fff;font-size:.75em;font-weight:bold;height:27px;line-height:29px;overflow:hidden;padding-left:1.7em;vertical-align:middle;width:164px}
.MirionNewsTab span{font-size:.75em}
.MirionNewsTable{border:1px solid #ccc;clear:both;margin-bottom:27px;width:100%}
.MirionNewsTable th{border-left:2px dotted #ccc;width:2px}
.MirionNewsTable td{color:#029DDD;font-size:.7em;font-weight:bold;overflow:visible;text-align:justify;vertical-align:top;width:25%}
.MirionNewsTable td div{background-image:url(arrow.gif);background-position:right .45em;background-repeat:no-repeat;color:#9C9C9C;float:right;padding-right:10px}
/* End Default Page Layout */

/* Master Page Tabs Settings */

#navcontainer ul{float:right;margin-right:20px}
#navcontainer ul li{background:url(page_tab_i_bg.png) no-repeat top left;display:table-cell;float:left;font-size:.7em;font-weight:400;list-style-type:none;text-align:center;vertical-align:middle}
#navcontainer a{color:#fff;display:block;height:31px;padding-left:2px;text-decoration:none;vertical-align:middle;width:79px}
#navcontainer ul li.active,#navcontainer a:hover{background:url(page_tab_a_bg.png) no-repeat top left;height:48px}

/* End Master Page Tabs Settings  */

/* Home Page Tabs Settings */
.gds_tab .ajax__tab_header{color:#fff;height:43px}
.gds_tab .ajax__tab_outer{background:url(tab_reading.gif) no-repeat 0px 0px;height:43px;line-height:43px;width:210px}
.gds_tab .ajax__tab_inner{font-size:.75em;font-weight:bold;text-transform:uppercase}
.gds_tab .ajax__tab_inner div{margin-left:10px;padding-left:35px;text-align:left;vertical-align:middle;width:155px}
.gds_tab .ajax__tab_inner .perform_reading{background:url(icon_peform_reading.gif) no-repeat left center}
.gds_tab .ajax__tab_inner .reading_history{background:url(icon_reading_history.gif) no-repeat left center}
.gds_tab .ajax__tab_inner .reports{background:url(icon_reports.gif) no-repeat left center}
.gds_tab .ajax__tab_inner .my_account{background:url(icon_my_account.gif) no-repeat left center}
.gds_tab .ajax__tab_hover .ajax__tab_outer,.gds_tab .ajax__tab_active .ajax__tab_outer{background:url(tab_reading_highlighted.gif) no-repeat 0px 0px}
.gds_tab .ajax__tab_body{border:solid 1px #ccc;font-size:1em;width:836px}
/* End Home Page Tabs Settings  */

/* Content Tabs Settings */

.about_tab .ajax__tab_header{color:#fff;height:43px}
.about_tab .ajax__tab_outer{background:url(tab_content.gif) no-repeat 0px 0px;height:43px}
.about_tab .ajax__tab_inner{font-size:.75em;font-weight:bold}
.about_tab .ajax__tab_inner div{text-align:center;vertical-align:middle;width:130px}
.about_tab .ajax__tab_inner span div{padding-top:.6em; }
.about_tab .ajax__tab_inner span div.solo{padding-top:1.2em; }
.about_tab .ajax__tab_hover .ajax__tab_outer,.about_tab .ajax__tab_active .ajax__tab_outer{background:url(tab_content_highlighted.gif) no-repeat 0px 0px}
.about_tab .ajax__tab_body{border:solid 1px #ccc;font-size:1em;width:836px}
.body_text{color:#666666;font-family:Arial, Helvetica;font-size:12px;padding-top:35px;padding-bottom:35px;padding-left:24px;padding-right:24px;width:435px;}
.body_text .highlighted{color:#e37f1c;font-size:15px}
.about_image{width:250px;height:325px;float:right;padding-top:35px;padding-right:24px;background:url(about.jpg) no-repeat left center}
.knowledge_center_image{width:300px;height:217px;float:right;padding-top:35px;padding-right:24px;background:url(knowledge_center.jpg) no-repeat left center}
.support_image{width:300px;height:217px;float:right;padding-top:35px;padding-right:24px;background:url(support.jpg) no-repeat left center}
/* End Content Tab Settings */

/* News Box Settings */
.NewsBox{clear:both;font-size:1em;margin-top:10px}
.NewsBoxHeader{background:url(tab_todays_headlines.gif) 0px 0px no-repeat;height:32px;line-height:32px;width:100%}
.NewsBoxHeader .NewsBoxTitle{color:#fff;font-size:1em;font-weight:bold;padding-left:20px;width:50%}
.NewsBoxHeader .NewsSearchBox{color:#fff;font-size:.8em;font-weight:bold;text-align:right}
.NewsBoxHeader th{padding-right:10px}
.NewsItemsTable{font-size:1em;width:100%}
.NewsMainArticle h4 a{color:#E57A1A;font-size:.8em;text-decoration:none}
.NewsMainArticle p{font-weight:normal;color:#666;font-size:.7em;margin-bottom:6px;padding:1px}
.NewsHeadlineImage{background-position:center middle;background-repeat:no-repeat;height:177px;width:223px}
.NewsMainArticleIcon{background-position:top left;background-repeat:no-repeat;float:left;height:65px;width:65px}
.NewsMainArticle{border-right:2px dotted #ccc;width:275px}
.NewsMiddleItem{border-bottom:2px dotted #ccc;border-top:2px dotted #ccc;width:250px}
.NewsSubArticle{width:250px}
.NewsMiddleItem h5 a,.NewsSubArticle h5 a{color:#E57A1A;font-size:.8em;text-decoration:none}
.NewsMiddleItem p,.NewsSubArticle p{font-weight:bold;color:#666;font-size:.7em;padding:2px}
.NewsMiddleItem div,.NewsSubArticle div{clear:both;float:right}
.NewsMiddleItem div a,.NewsSubArticle div a{background-image:url(button_more.gif);background-position:center center;background-repeat:no-repeat;height:11px;padding-left:3em;padding-right:3em}
/* End News Box Settings */

/* Modal Interface Settings */
/*.modalbackground{background-color:white;filter:alpha(opacity = 50);opacity:0.5}*/
.modalprogress{background:#fff;border:4px solid black;font-size:.7em;font-weight:bold;padding:10px;text-align:center}
.modalprogress img{margin-bottom:10px}
.ModalDialog{background:white;border:2px solid black}
.ModalDialogControlSpace{background:#fff}
.ModalDialogHeader{background-color:#fff;border-bottom:2px solid black;font-size:1.5em}
/* End Modal Interface Settings */



/* The following styles follow the style guide from OK Cancel Design */

/* Use .Container when using <div>
   Use .ContainerOuter and .ContainerInner when using <table>
*/   
.Container{border:solid 1pt #CCCCCC;padding:10px 10px 10px 10px}
.ContainerOuter{border:solid 1pt #CCCCCC}
.ContainerInner{margin:10px 10px 10px 10px}
.EmphasisContainerHeader{background-image:url(grid_orange_header.gif);background-repeat:repeat-x;font-family:Arial,Helvetica,san-serif;font-weight:bold;font-size:11px;}
.BlueContainer{background-color:#EDF8FD;padding:10px 10px 10px 10px}
.OrangePageTitleLarge{font-family:Arial,Helvetica,san-serif;font-size:21px;color:#E37F1c}
.OrangePageTitleSmall{font-family:Arial,Helvetica,san-serif;font-size:17px;color:#E37F1c}
.OrangeTextDefault{font-family:Arial,Helvetica,san-serif;font-size:12px;color:#E37F1c}
.OrangeTextDefaultBold{font-family:Arial,Helvetica,san-serif;font-weight:bold;font-size:12px;color:#E37F1c}
.OrangeTextSmall{font-family:Arial,Helvetica,san-serif;font-size:11px;color:#E37F1c}
.DefaultBodyText{font-family:Arial,Helvetica,san-serif;font-size:12px;color:#333333}
.DefaultBodyTextBold{font-family:Arial,Helvetica,san-serif;font-size:12px;font-weight:bold;color:#333333}
.SecondaryText{font-family:Arial,Helvetica,san-serif;font-size:11px;color:#666666}
.SecondaryTextBold{font-family:Arial,Helvetica,san-serif;font-weight:bold;font-size:11px;color:#666666}
.TertiaryText{font-family:Arial,Helvetica,san-serif;font-size:10px;color:#999999}

.BlueLink{font-family:Arial,Helvetica,san-serif;font-size:12px;color:#009CDC;text-decoration:none}
a.BlueLink:link{color:#009CDC}
a.BlueLink:visited{color:#009CDC}
a.BlueLink:hover{color:#009CDC;text-decoration:underline}
a.BlueLink:focus{color:#009CDC;-moz-outline-style:none}

.BlueLinkUnderlined{font-family:Arial,Helvetica,san-serif;font-size:12px;color:#009CDC;text-decoration:underline}
a.BlueLinkUnderlined:link{color:#009CDC}
a.BlueLinkUnderlined:visited{color:#009CDC}
a.BlueLinkUnderlined:hover{color:#009CDC;text-decoration:underline}
a.BlueLinkUnderlined:focus{color:#009CDC;-moz-outline-style:none}

.DecoratedBlueLink{font-family:Arial,Helvetica,san-serif;font-size:12px;color:#009CDC;background-image:url(icon_leftarrow.gif);background-position:left center;background-repeat:no-repeat;padding-left:7px;text-decoration:none}
a.DecoratedBlueLink:link{color:#009CDC}
a.DecoratedBlueLink:visited{color:#009CDC}
a.DecoratedBlueLink:hover{color:#009CDC;text-decoration:underline}
a.DecoratedBlueLink:focus{color:#009CDC;-moz-outline-style:none}

.OrangeLink{font-family:Arial,Helvetica,san-serif;font-size:12px;color:#E37F1C;text-decoration:none}
a.OrangeLink:link{color:#E37F1C}
a.OrangeLink:visited{color:#E37F1C}
a.OrangeLink:hover{color:#E37F1C;text-decoration:underline}
a.OrangeLink:focus{color:#E37F1C;-moz-outline-style:none}

.GrayLink{font-family:Arial,Helvetica,san-serif;font-size:11px;color:#666666;text-decoration:none}
a.GrayLink:link{color:#666666}
a.GrayLink:visited{color:#666666}
a.GrayLink:hover{color:#666666;text-decoration:underline}
a.GrayLink:focus{color:#666666;-moz-outline-style:none}

.GrayLinkUnderlined{font-family:Arial,Helvetica,san-serif;font-size:11px;color:#666666;text-decoration:underline}
a.GrayLinkUnderlined:link{color:#666666}
a.GrayLinkUnderlined:visited{color:#666666}
a.GrayLinkUnderlined:hover{color:#666666;text-decoration:underline}
a.GrayLinkUnderlined:focus{color:#666666;-moz-outline-style:none}

/* For Input Tables */
.MainContentArea{width:660px}
.AsteriskColumn{width:10px;vertical-align:top}
.LabelColumn{width:160px;vertical-align:top}
.TextBoxColumn{width:205px}
.FieldValidatorColumn{width:280px}
.TextBox{width:205px}
.DropDownList{}
.OptionalContentArea{width:190px}
.Asterisk{color:#C4362D}
.Error{font-family:Arial,Helvetica,san-serif;font-size:12px;font-weight:bold;color:#C4362D}
/*.BlueBar{background-color:#DAEAEF;vertical-align:middle;width:100%;padding:10px 10px 10px 10px;position:relative}*/
.BlueBar{background-color:#DAEAEF;vertical-align:middle;width:97%;position:relative;padding:10px 10px 10px 10px}
/* End For Input Tables */

.LeftNavColumn{width:150px}
.ChildPageTitle{font-family:Arial,Helvetica,san-serif;font-size:16px;color:#BCAEA0;text-transform:uppercase}

.NavContainer{border:solid thin #6C6C6C;}

.NavLinkUnselected{font-family:Arial,Helvetica,san-serif;font-size:12px;color:#747474}

.NavLinkUnselected:hover{font-family:Arial,Helvetica,san-serif;font-weight:bold;font-size:12px;color:#FFFFFF;background-color:#30AFE1}

/* need to add image*/
.NavLinkSelected{font-family:Arial,Helvetica,san-serif;font-weight:bold;font-size:12px;color:#FFFFFF;background-color:#30AFE1;background-image:url(arrow.gif);background-position:left center;background-repeat:no-repeat}

/* need to add "block css property" and rounded corner images */
.NavLinkMouseover{font-family:Arial,Helvetica,san-serif;font-weight:bold;font-size:12px;color:#FFFFFF;background-color:#30AFE1}

.GridRow{background-color:#FFFFFF;font-weight:normal}
.GridAlternatingRow{background-color:#E7F5FA;font-weight:normal}

.NavLinkSelectedlnkbtn{font-family:Arial,Helvetica,san-serif;font-weight:bold;font-size:12px;color:#FFFFFF;background-color:#30AFE1}


.panelselect
{
}
.panelselect:hover
{
background-color:#30AFE1;
}