/*** Tag-level Selectors ***/
html, body { background:#DDD; color:#777; font-family:Verdana,Arial,Helvetica,sans-serif; }
a { text-decoration:none; }
/*** Commonly-used edit action buttons ***/
a.iconbutton { background:no-repeat left center; padding:2px 0px 2px 18px; font-size:12px; /*display:block; width:16px; height:16px;*/ }
a.iconbutton.add { background-image:url('images/icon_add.gif'); }
a.iconbutton.edit { background-image:url('images/icon_edit.gif'); }
a.iconbutton.remove { background-image:url('images/icon_remove.gif'); }
a.iconbutton.copy { background-image:url('images/icon_copy.gif'); }
a.iconbutton.import { background-image:url('images/icon_import.gif'); }
a.iconbutton.view { background-image:url('images/icon_view.gif'); }
a.iconbutton.date { background-image:url('images/icon_date.png'); }
a.iconbutton.left { background-image:url('images/icon_arrowleft.gif'); }
a.iconbutton.right { background-image:url('images/icon_arrowright.gif'); }
a.iconbutton.update { background-image:url('images/icon_refresh.gif'); }
a.iconbutton.chart { background-image:url('images/icon_chart.gif'); }
a.iconbutton.save { background-image:url('images/icon_save.gif'); }
a.iconbutton.users24 { background-image:url('images/icon_users24.gif'); }
a.iconbutton.exportpdf { background-image:url('images/pdf.gif'); }
a.iconbutton.exportexcel { background-image:url('images/excel.gif'); }
a.iconbutton.beveled { padding:7px 4px 7px 28px; background-color:#EEE; border:solid 1px #AAA; border-width:0 1px 1px 0; color:#FC8300; margin-right:5px; }
a.iconbutton.beveled:hover { color:#B30; border-color:#777; background-color:#DDD; }
div.pagecontent a.iconbutton:hover { text-decoration:none; }
span.loading { background:url('images/icon_loading.gif') no-repeat center 2px; padding:2px 9px; font-size:12px; }
span.loading1 { background:url('images/icon_loading_trans.gif') no-repeat center 2px; padding:2px 9px; font-size:12px; }
div.errormessage { border:solid 2px #D00; color:#D00; background:#EEE url('images/icon_error.gif') no-repeat 2px center; padding:15px 15px 15px 45px; margin:10px; font-size:14px; font-weight:bold; }
/*** HoverHelp ***/
a.hoverhelp { position:relative; cursor:help; text-decoration:none; }
a.hoverhelp strong { background:url('images/icon_help.gif') no-repeat left center; padding:2px 0 2px 18px; color:#00A; font-size:10px; }
a.hoverhelp.bg1 strong { background-image:url('images/icon_help_orange.gif'); }
a.hoverhelp.bg2 strong { background-image:url('images/icon_help_gray.gif'); }
a.hoverhelp dfn { display:none; text-align:left; background-color:#510069; position:absolute; z-index:100; top:-30px; left:-225px; width:200px; font-size:9px; padding:8px; border:solid 2px #FFF; color:#FFF; font-style:normal; font-weight:bold; opacity:.90; filter:Alpha(opacity=90); }
a.hoverhelp dfn.LowerRight { top:10px; left:40px; }
a.hoverhelp dfn.UpperRight { top:-30px; left:30px; }
div#page a.hoverhelp:hover { text-decoration:none; }
/*** MpiMaster-level Selectors ***/
div#page { width:auto; margin:auto; background-color:#FFF; }
div#pageheader { width:820px; margin:0 auto; height:110px; }
div#pageheader a.logo { background:url('images/logo.gif') no-repeat left center; display:block; height:110px; width:152px; }
div#pageheader div.pnlHeader { float:right; font-size:10px; width:250px; color:#AAA; text-align:right; padding:30px 0 0 0;}
div#pageheader div.pnlHeader a:hover { text-decoration:underline; }
div#pageheader div.pnlHeader strong { color:#888; font-size:11px; }
div#pageheader div.pnlHeader a.viewaccount { display:block; font-weight:bold; margin-left:10px; color:#510069; }
div#pageheader div.pnlHeader a.login { color:#FC8300; font-weight:bold; }
div#pageheader div.pnlHeader em { display:block; margin-top:20px; }
div#pagemain { width:820px; margin-left:auto; margin-right:auto; padding-top:15px; }
div#pagefooter { border-bottom:solid 7px #BBB; padding:20px 0 5px 0; }
div#pagefooter .contactinfo { width:820px; margin:0 auto; display:block; }
/*** Basic page content containers ***/
div.pagecontent { border:solid 2px #AAA; border-left:solid 18px #FC8300; margin-bottom:5px; }
div.pagecontent h2 { border-bottom:solid 1px #CCC; font-size:14px; color:#777; margin:0px 0px 5px 0px; padding:5px; }
div.pagecontent h2 em { color:#000; }
div.pagecontent h2 a.iconbutton { float:right; }
div.pagecontent h3.subheading { margin:10px 0 0 0; padding:0 0 5px 10px; color:#5B2; font-style:italic; font-size:13px; }
div.pagecontent h3.subheading em { font-size:14px; color:#349800; }
div.pagecontent a { color:#FC8300; font-weight:bold; }
div.pagecontent a:hover { text-decoration:underline; }
div.pagecontent div.pagetext { padding:5px 10px; line-height:normal; }
/*** Default.aspx ***/
div.pagecontent div.pagetext p a.continue { padding:5px; background-color:#FC8300; color:#FFF; }
div.pagecontent div.pagetext p a.continue:hover { background-color:#D60; text-decoration:none; }
/*** Navigation (contained between #pageheader and #pagemain) ***/
/* NOTE: Additional structural styling of Repeater-based navigation items may be found in /Design/MpiMaster.css */
div.pnlNav { background-color:#510069; }
div.pnlNav ul.repNav { width:820px; margin:0 auto; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }
div.pnlNav ul.repNav li { padding:1px 0 1px 10px; border-left:solid 1px #FFF; margin-right:35px; }
div.pnlNav ul.repNav li.item0 { width:150px; border-left-width:0; padding-left:0; margin:0; }
div.pnlNav ul.repNav li.item0 a { color:#FFF; } /* Must override specificity of the custom nav repeater selectors below */
div.pnlNav ul.repNav li a { font-size:11px; font-weight:bold; }
div.pnlNav ul.repNav li a:hover { color:#FFF; }
div.pnlNav ul.repNav.Site { }
div.pnlNav ul.repNav.Site li { border-left-style:dotted; }
div.pnlNav ul.repNav.Site li a { color:#DBBEE3; font-weight:normal; }
div.pnlNav ul.repNav.Site li a:hover { color:#FFF; }
div.pnlNav ul.repNav.User li { }
div.pnlNav ul.repNav.User a { color:#FFDFC8; }
div.pnlNav ul.repNav.Admin a { color:#BCDDA9; }
div.pnlNav div.pnlNavContext { background-color:#FC8300; border-top:solid 7px #FFF; clear:both; }
div.pnlNav div.pnlNavContext div.pnlPageTitle { width:820px; margin-left:auto; margin-right:auto; background:url('images/bg_title1.jpg') no-repeat left top; }
div.pnlNav div.pnlNavContext div.pnlPageTitle h1 { color:#F5CFB4; margin:0; margin-left:150px; padding:4px 0 4px 10px; font-size:26px; border-left:solid 1px #FFF; font-family:Times,serif; }
div.pnlNav div.pnlNavContext div.pnlNavUser { border-top:solid 1px #FFF; background-color:#349800; }
div.pnlNav div.pnlNavContext div.pnlNavUser div.pnlNavAdmin { clear:both; border-top:solid 1px #FFF; }
div.pnlNav div.pnlNavContext div.pnlNavBreadcrumbs { background:#FFF url('images/bg_breadcrumbs.gif') no-repeat center bottom; /*border-bottom:dotted 1px #BBB;*/ }
div.pnlNav div.pnlNavContext div.pnlNavBreadcrumbs .mapBreadcrumbs { display:block; width:820px; margin:0 auto; padding:5px 0; }
div.pnlNav div.pnlNavContext div.pnlNavBreadcrumbs .mapBreadcrumbs a { font-weight:bold; color:#999; }
div.pnlNav div.pnlNavContext div.pnlNavBreadcrumbs .mapBreadcrumbs a:hover { text-decoration:underline; }
div.pnlNav div.pnlNavContext div.pnlNavBreadcrumbs .mapBreadcrumbs .current { color:#D60; }
/*** Login.aspx ***/
div.insetbox { float:right; margin:0px 10px 10px 10px; padding:5px; background-color:#FFB; /*padding:15px; background-color:#DAE4E5; border:solid 1px #AAA;*/ }
div.insetbox div.login { border:solid 1px #AAA; width:260px; /*background-color:#FFF; line-height:15px;*/ }
div.insetbox div.login h3 { margin:0px; padding:4px; font-size:12px; background-color:#510069; color:#DBBEE3; }
div.insetbox div.login .belowlogin { font-size:9px; }
div.pagecontent div.pagetext.leftwidth { width:460px; }
.modalBackground { background-color:#000; filter:Alpha(opacity=60); opacity:0.6; position:fixed; top:0; left:0; width:100%; height:100%; }
.modalPopup { background-color:#FFF; border:solid 2px #000; width:330px; }
.modalPopup .innerBorder { border-left:solid 18px #FC8300; padding-left:1px; }
.modalPopup .innerBorder h3 { margin:0px; padding:4px; font-size:12px; background-color:#510069; color:#DBBEE3; }
.modalPopup .innerBorder p { font-weight:bold; padding:0; margin:5px 0; }
.modalPopup.chargecode { position:fixed; top:200px; left:40%; z-index:101; }
/*** Criteria.aspx ***/
div#pagemain div.buttonsection { background:#510069; padding:5px 3px; }
div#pagemain div.buttonsection a.button { border:dotted 1px #FFF; color:#FFF; padding:1px 4px; background:#728 no-repeat left top; font-size:10px; font-weight:bold; text-transform:capitalize; }
div#pagemain div.buttonsection a.button:hover { background-color:#93A; border-style:solid; }
/*
div#pagemain div.buttonsection a.button.b1 { background:; }
div#pagemain div.buttonsection a.button.b2 { background:#839; }
*/
div#pagemain ul.repQuestions { margin:0; padding:5px 0; list-style-type:none; }
div#pagemain ul.repQuestions li.repQuestionItem { border:solid 1px #DDD; border-width:0 0 1px 1px; background:url('images/bg_graygradient.jpg') repeat-y right top; margin-bottom:3px; padding:0 0 5px 0; }
div#pagemain ul.repQuestions li.repQuestionItem h4 { margin:0; font-size:10px; color:#444; padding:3px 2px; background-color:#DDD; border:solid 1px #FFF; border-color:#FFF #BBB #BBB #FFF; }
div#pagemain ul.repQuestions li.repQuestionItem h4 strong { color:#888; margin-right:5px; font-size:12px; }
div#pagemain ul.repQuestions li.repQuestionItem p { padding:5px; margin:0; }
div#pagemain ul.repQuestions li.repQuestionItem p.explain { padding:0 0 10px 10px; }
div#pagemain ul.repQuestions li.repQuestionItem label { /*width:200px;*/ }
div#pagemain ul.repQuestions li.repQuestionItem.title { border:none; padding:0; }
div#pagemain ul.repQuestions li.repQuestionItem.title h4 { font-size:11px; background-color:#CCC; }
div#pagemain ul.repQuestions li.sectionHeader { background-color:#D60; padding:5px; color:#FFF; font-size:12px; font-weight:bold; margin:6px 0 2px 0;}
/*** Controls/Survey/QuestionList.ascx ***/
div#pagemain ul.repQuestions.results li.repQuestionItem { font-weight:normal; font-size:10px; color:#510069; }
div#pagemain ul.repQuestions.results li.repQuestionItem.titlequestion { border:none; background-color:#FC8300; padding:0; margin-top:10px; }
div#pagemain ul.repQuestions.results li.repQuestionItem.titlequestion h4 { margin:0; color:#FFF; border:none; }
ul.repQuestionOptions { margin:0 0 0 10px; padding:0; list-style-type:none; }
ul.repQuestionOptions li.repQOption { display:block; width:220px; float:left; margin-right:5px; }
table.listing { width:100%; border-collapse:collapse; color:#777; border-bottom:solid 2px #AAA; background:#F1F1F1 url('images/bg_graygradient.jpg') repeat-y left top; }
table.listing thead { background-color:#FC8300; }
table.listing thead th { border-right:solid 1px #FFF; padding:2px 10px 2px 2px; color:#FFF; background:#FC8300 url('images/bg_dgTabRight.gif') no-repeat right -1px; cursor:pointer; }
table.listing thead th:hover { background-color:#D60; }
table.listing thead th,
table.listing thead td { border-bottom:solid 2px #D60; }
table.listing thead td { background:#FFF; width:100px; }
table.listing thead th a { color:#FFF; }
table.listing tbody { }
table.listing tbody tr { }
table.listing tbody tr:hover { color:#000; }
table.listing tbody tr.newsection { background-color:#510069; color:#DBBEE3; }
table.listing tbody tr.newsection th,
table.listing tbody tr.newsection td { padding:5px; font-style:italic; border:solid 10px #FFF; border-width:10px 0; cursor:pointer; }
table.listing tbody tr.alt { background-color:#FFF; }
table.listing tbody tr td { padding:2px; vertical-align:top; }
table.listing tbody tr th { padding:1px 5px; vertical-align:top; }
table.listing tbody tr td.action { width:100px; /*text-align:right;*/ }
table.listing tbody tr td.action a.iconbutton { margin-right:5px; }
table.listing tbody tr td.containsnested { padding-left:20px; }
/* Listing table used for form layout (when record is being added/edited) */
table.listing.edit tbody tr th { width:250px; }
table.listing.edit tbody table.nested th { width:auto; }
table.listing.edit tbody tr td textarea { font-family:inherit; font-size:11px; }
table.listing.edit tfoot tr { background-color:#FC8300; }
/* Listing table used to display nested/child elements of another component, such as mappings for a question */
table.listing.nested { border:none; }
table.listing.nested thead td { background:transparent; }
table.listing.nested tbody tr { background:transparent; }
table.listing.nested tbody tr:hover { background-color:#DDD; }
table.listing.nested tbody tr th,
table.listing.nested tbody tr td { border-bottom:solid 1px #CCC; }
table.listing.nested tbody tr th { /*width:100px;*/ }
table.listing.nested tbody tr td.action { /*width:50px;*/ }
table.listing.nested tfoot tr { background-color:#CCC; }
/*** Criteria ***/
/* Results table */
table.resultstats { width:100%; }
table.resultstats thead { background-color:#EEE; }
table.resultstats thead th { padding:3px 2px; background-color:#DDD; border:solid 1px #FFF; border-color:#FFF #BBB #BBB #FFF; }
table.resultstats thead td { border-bottom:solid 2px #DDD; }
table.resultstats tbody th { color:#999; padding:1px 2px; }
table.resultstats tbody td { text-align:right; border-left:solid 2px #EEE; padding:auto 2px; }
table.resultstats tbody tr.alt { background:url('images/bg_graygradient.jpg') repeat-y left top; background-color:#F1F1F1; }
/*** PowerSearch ***/
div#divModalBackground { background:#000 url('images/icon_loading_black.gif') no-repeat center center; opacity:.7; filter:alpha(opacity=70); width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:10; }
/* Main QuestionList repeater table */
table.listing.powersearch { }
table.listing.powersearch thead td { width:auto; }
table.listing.powersearch thead td a.iconbutton { padding:3px 2px 3px 20px; background-color:#EEE; border:solid 1px #AAA; border-width:0 1px 1px 0; color:#FC8300; margin-right:1px; font-size:10px; }
table.listing.powersearch thead td a.iconbutton:hover { color:#B30; border-color:#777; }
table.listing.powersearch thead td a.iconbutton.add { background-position:center center; }
table.listing.powersearch thead th { width:90px; vertical-align:top; }
table.listing.powersearch thead th div.columntools { padding-bottom:5px; position:absolute; z-index:10; margin-top:-18px; text-align:center; display:none; width:80px; }
table.listing.powersearch thead th div.columntools a { opacity:.5; filter:Alpha(opacity=50); }
table.listing.powersearch thead th div.columntools a:hover { opacity:1; filter:Alpha(opacity=100); }
table.listing.powersearch thead th em { color:#F5CFB4; font-size:10px; }
table.listing.powersearch tbody { }
table.listing.powersearch tbody.openanswer th { text-align:right; padding-right:20px; /*position:relative; z-index:1;*/ }
table.listing.powersearch tbody.openanswer th table.range { font-size:10px; float:left; /* position:absolute; margin-top:12px; z-index:10; top:5px; left:5px; padding:3px; border:solid 1px #000;*/ }
table.listing.powersearch tbody.openanswer th table.range input { width:70px; font-size:10px; }
table.listing.powersearch tbody.sectionheading tr { background-color:#D60; }
table.listing.powersearch tbody.sectionheading tr th { border-bottom:solid 1px #B30; color:#FFF; padding:5px; font-size:11px; }
table.listing.powersearch tbody.sectionheading tr th a.backtotop { opacity:.7; float:right; color:#F5CFB4; font-weight:normal; font-size:9px; background:url('images/icon_arrowup.gif') no-repeat right center; padding-right:14px; }
table.listing.powersearch tbody.sectionheading tr th a.backtotop:hover { /*color:#FFF;*/ opacity:1; }
table.listing.powersearch tbody.title tr.question th { background-color:#CCC; padding:5px; }
table.listing.powersearch tbody tr.question { font-size:11px; color:#444; background-color:#D8D8D8; }
table.listing.powersearch tbody tr.question th { padding:3px 2px; border:solid 1px #FFF; border-color:#FFF #BBB #BBB #FFF; text-align:left; /*z-index:1;*/ }
table.listing.powersearch tbody tr.question th div.chartlayer { position:relative; }
table.listing.powersearch tbody tr.question th strong { color:#888; font-size:13px; margin-right:5px; }
table.listing.powersearch tbody tr.question th a.iconbutton { float:right; background-position:center center; padding:1px 0px 1px 14px; border:solid 1px #AAA; border-color:#EEE #AAA #AAA #EEE; margin-left:5px; }
table.listing.powersearch tbody tr.question th a.iconbutton:hover { border-color:#AAA #EEE #EEE #AAA; background-color:#CCC; }
table.listing.powersearch tbody tr.question th span.loading1 { float:right; display:none; }
table.listing.powersearch tbody tr.question th div.pnlChart { position:absolute; z-index:20; float:left; padding:3px; width:800px; top:20px; /*margin-top:20px; margin-left:80px; opacity:.85; filter:alpha(opacity=85);*/ border:solid 2px #000; /*border-color:#DDD #999 #999 #DDD;*/ background-color:#FFF; }
table.listing.powersearch tbody tr.question th div.pnlChart a.remove { float:right; }
table.listing.powersearch tbody td { text-align:right; }
table.listing.powersearch tbody td.openComp { color:#000; }
table.listing.powersearch tbody td.choicesComp { color:#DD6600; padding-right:5px; }
table.listing.powersearch tbody td em { color:#AAA; }
table.listing.powersearch tbody td.choicesComp span { }
table.listing.powersearch tbody td.choicesComp span.choicesCompCount { float:left; color:#000; width:35px; text-align:right; }
/* Top Section Tabs */
div.tabrow { padding-top:5px; }
div.tabrow a { background:#BBB url('images/bg_dgTabRight.gif') no-repeat right -1px; color:#333; margin-left:2px; padding:2px 5px 0px 5px; }
div.tabrow a:hover { text-decoration:none; background-color:#999; color:#000; }
div.tabrow a.current { background-color:#DDD; padding-bottom:3px; padding-top:3px; color:#000; }
div.tabcontentcontainer { background-color:#DDD; padding:10px; }
div.tabcontentcontainer .tabcontent { display:none; }
div.tabcontentcontainer .tabcontent.current { display:block; }
/*
div.tabcontentcontainer .tabcontent ol#olSteps { background-color:#EEE; color:#000; padding-top:5px; padding-bottom:5px; }
*/
div.powersearchupdate { padding:15px; margin-bottom:5px; text-align:center; }
div.powersearchupdate a.iconbutton { padding:7px 4px 7px 28px; background-color:#EEE; border:solid 1px #AAA; border-width:0 1px 1px 0; color:#FC8300; margin-right:5px; }
div.powersearchupdate a.iconbutton:hover { color:#B30; border-color:#777; }
div.powersearchupdate a.iconbutton.remove { background-image:url('images/icon_remove24.gif'); }
div.powersearchupdate a.iconbutton.update { background-image:url('images/icon_refresh24.gif'); }
/*** Toolkit homepage ***/
div.pagecontent div.toolbox { width:150px; background:url('images/bg_graygradient.jpg') repeat-y left top; margin-top:-30px; /*float:right; 10px 10px 0;*/ padding:5px; border:solid 1px #BBB; border-color:#D8D8D8 #BBB #BBB #D8D8D8; position:absolute; z-index:10; opacity:.9; }
div.pagecontent div.toolbox strong { color:#5B2; display:block; cursor:pointer; background:url('images/icon_arrowdown.gif') no-repeat right center; }
div.pagecontent div.toolbox .desc { display:none; text-align:center; }
/*div.pagecontent div.toolbox:hover .desc { display:block; }*/
div.pagecontent div.toolbox .desc ul { margin:5px 0 10px 0; padding:2px 0; list-style-type:none; border:solid 1px #DDD; border-width:1px 0; }
div.pagecontent div.toolbox .desc ul li { padding:2px; text-align:left; }
/*** GridView pager ***/
.listpager td { /*display:block; padding:5px; text-align:center;*/ border-top:solid 2px #AAA; }
.listpager td td { border:none; }
.listpager td span.current { /*font-size:12px; color:#000; padding:0 5px; background-color:#EEE;*/ }
/*** RfpSubmission.aspx ***/
div.rfpsubmission { padding:10px; border:solid 1px #CCC; border-width:0 1px 1px 0; background:#F1F1F1 url('images/bg_graygradient.jpg') repeat-y left top; margin-top:15px; }
div.rfpsubmission h5 { margin:0 0 10px; padding:0; font-size:20px; font-weight:normal; color:#999; border-bottom:solid 1px #888; }
div.rfpsubmission label { color:#D60; font-weight:bold; }
div.rfpsubmission table.contactinfo { float:left; margin-right:50px; width:350px; }
div.rfpsubmission table.rfpdetails { background-color:#E2E2E2; border:solid 1px #BBB; border-color:#BBB #FFF #FFF #BBB; }
div.pagetext.rfpconfirmation strong { color:#000; font-size:12px; }
/*** Password Strength ***/
.BarIndicator_weak
{
color:Red;
background-color:Red;
}
.BarIndicator_average
{
color:Blue;
background-color:Blue;
}
.BarIndicator_good
{
color:Green;
background-color:Green;
}
.BarBorder
{
border-style:solid;
border-width:1px;
padding:1px 1px 1px 1px;
width:150px;
vertical-align:middle;
height:10px;
}