/** STYLE SHEET FOR MGIC INVESTMENT CORP. CORPORATE SITE: www.mtg.mgic.com *******/

body {
background-color: #10617f;
margin-top: 1em;
margin-left:0;
margin-right:0;
margin-bottom: 0;
padding:0;
font-size:90%;
font-family:"Century Gothic", Arial, Verdana, sans-serif;
/* needed to center all in IE5/WIN */
text-align:center;
}

/* wrap centers all */
#wrap {
margin-right:auto;
margin-left:auto;
width: 95%;
max-width: 1200px;
min-width: 900px;
/*min-width: 780px;*/
background-color: #fff;
/* overwrites IE5/WIN center hack in body */
text-align: left;
font-size: 1em;
}

* html div#wrap {width: 780px /* fallback value */;
width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 1218 ? "1200px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 932 ? "900px" : "95%")); }
/*document.body.clientWidth) < 812 ? "780px" : "95%")); }*/


/**---- Header starts here----*/
#banner {
background-color: #fff;
margin:0;
}

/************* Utility Bar **************/

#utilitybar {
background-color: #b4d2ec;
border-bottom: 1px solid #10617f;
padding-top: 1em;
padding-right: 1em;
padding-bottom:0;
font-size: .9em;
margin:0;
overflow:visible;
}

#utilitybar div.left {
float: right;
clear: left;
margin-top: -.2em;
margin-right: -2em;
padding-bottom: 1em;
padding-right:0;
padding-left: 0;
padding-top: 0;
}

#utilitybar div.middle {
float: right;
clear: left;
margin-left: 1em;
margin-right: 0;
margin-top:0;
margin-bottom: 0;
padding-top: .2em;
}

#utilitybar div.right {
float: right;
clear: left;
margin-left: 1em;
margin-right: 0;
margin-top:0;
margin-bottom: 0;
padding-top: .2em;
}

div.search {
margin-top: -.4em;
padding-bottom: 1em;
padding-left: 0;
padding-right: 0;
padding-top: 0;
background:none;
}
  
#utilitybar div.middle ul {
list-style-type:none;
padding: 0;
margin: 0;
}

#utilitybar div.middle li{
margin:0;
padding: 0;
display:inline;
font-size: .9em;
}

#utilitybar div.middle li.copyright{
margin:0;
display:inline;
padding-left: .5em;
}

#utilitybar div.middle a {
color:#000;
margin: 0;
padding-right: 1em;
padding-left: .5em;
padding-top: 0;
border-right: 1px solid #000;

background:none;
}

#utilitybar div.middle a:link, #utilitybar a:visited {
text-decoration:none;
}
#utilitybar div.middle a:hover {
text-decoration:none;
color: #5FAB46;
}
#utilitybar div.middle a:active {
text-decoration:none;
}


/* Drop Down Menu for MGIC Websites list */

#menu {
margin-top: -.4em;
margin-right: .6em;
padding-bottom: 1em;
padding-left: 0;
padding-right: 0;
padding-top: 0;
background:none;
font-size: 1em;
*margin-top: .3em;
*margin-right: .6em;
}

#menu ul {
list-style: none;
margin:0;
padding: 0;
width: 13em;
float: left;
background-color: #b4d2ec;
*width: 14em;
}

#menu ul li {
margin-top: 0;
margin-right: -1em;
margin-bottom: 0;
margin-left: 0;
padding:0;
}

#menu a {
display: block;
border-width: 1px;
border-style: solid;
border-color: #a1d3ed;
margin: 0;
padding: 2px 3px;
font-size: 1em;
}

#menu h2 {
display: block;
padding-top: .2em;
padding-right: .2em;
padding-left: .2em;
padding-bottom: .4em;
font-size: .9em;
color: #000;
font-weight: normal;
margin-right: 2em;
text-align: right;
*margin-right: 1.25em;
}

#menu a {
color: #fff;
background: #266e92;
text-decoration: none;
}

#menu a:hover {
color:  #fff;
background:  #86ba40;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}





/***------------- Search Box and Results page formatting ------------***/
#minisearch {
padding: 0;
margin: 0;
}

#minisearch input.searchbtn {
font-size: .9em;
background-color: #fff;
color: #302b00;
font-weight: bold;
text-align: center;
width: 4.5em;
height: 1.8em;
border-right: 1px solid #302b00;
border-bottom: 1px solid #302b00;
margin-left: .5em;
}

#minisearch input[type="submit"]:hover { 
border-right: 1px solid #000;
border-bottom: 1px solid #000;
color: #fff;
cursor:pointer;
}

#minisearch input.btnhov{
font-size: .9em;
background-color: #86ba40;
color: #fff;
font-weight: bold;
text-align: center;
width: 4.5em;
height: 1.8em;
border-right: 1px solid #302b00;
border-bottom: 1px solid #302b00;
margin-left: .5em;
}


#search_content{
width: 98%;
padding: .5em;
background-color: #fff;
}

#search_content table {
border: 0;
}

/* End Search */


#header {
background-image:url(../images/logo_investor.jpg);
background-position:3% 5%;
background-repeat:no-repeat;
min-height: 100px;
_height: 100px;
}
/* end Header/Banner */

#content{
width:100%;
}

/* ---- Home Page Layout ---*/
#topleft {
float: left;
width:30%;
padding: 1em;
/*background-image: url(../images/corner.png);
background-position:top left;
background-repeat:no-repeat;*/
}

#toplefttext{
 margin:5em .5em .5em .5em;
}

#toplefttext h1 {
color: #10617f;

}

#topright {
float: left;
width: 58%;
}

.bottom {
float: left;
width: 28%;
padding: 1em;
color: #6A4262;
}

.bottom h2 {
border-top: 1px solid #b3d2ec;
border-bottom: 1px solid #b3d2ec;
color: #10617f;
padding-top: .25em;
padding-bottom: .25em; 
padding-left: .25em;
background-image:url(../images/h2_gradient.gif);
background-position:top;
background-repeat:repeat-x;
margin-bottom: -1em;
}

.gutterhome {
padding-left: 1em;
}


/* ---- Left Column formatting, includes Left Nav items generated by the JavaScript menu ----- */

#leftcolumn{
float: left;
width: 20%;
background-color: #fff;
margin-top: .5em;
margin-right: .5em;
margin-left: .5em;
}

#leftcolumn ul {
list-style-type:none;
font-size: .8em;
padding:0;
margin-top: .5em;
margin-bottom: .5em;
margin-right:.5em;
margin-left:.5em;
}

#leftcolumn ul li {
list-style-type:none;
padding:0;
margin:0;
}

#leftcolumn ul li a {
text-decoration: none;
	display: block;
	padding: .25em 0 .25em .25em;
	color: #10617f;
	_height: 1em;
}

#leftcolumn ul li a:hover {
text-decoration: none;
color: #86ba40;
}

#leftcolumn ul ul li {
font-size: 1.2em;
margin: 0;
padding:0;
}

#leftcolumn ul ul li a {
	display: block;
	padding: .25em 0 .25em .25em;
	color: #10617f;
	_height: 1em;
}


#leftnav {
margin-top: .25em;
padding: 0;
}

#section_name {
width: 98%;
background-image:url(../images/h2_gradient.gif);
background-position:top;
background-repeat:repeat-x;
border-top: 1px solid #b3d2ec;
border-bottom: 1px solid #b3d2ec;
padding-top: .25em;
padding-right: 0;
padding-bottom:.25em;
padding-left: .3em;
font-size: 1em;
font-weight: bold;
margin-top: 2em;
}

#section_name a {
	color: #10617f;
	text-decoration: none;
}

#section_name a:hover {
	color: #86ba40;
}


#leftnav_content ul li a.current {
	font-weight: bold;
	font-size: 1em;
	background-color: #b3d2ec;
	color:#10617f;
}

#leftnav_content ul li a:link.current {
	color:#10617f;
	text-decoration:none;
}
#leftnav_content ul li a:visited.current {
	color:#10617f;
	text-decoration:none;
}
#leftnav_content ul li a:hover.current {
	color:#86ba40;
	background-color: #b3d2ec;
}

#leftnav_content ul li a:active.current {
	color:#10617f;
	text-decoration:none;
}
#leftnav_content ul ul li a.current {
	font-weight: bold;
	font-size: 1em;
	background-color: #b3d2ec;
	color:#10617f;
}

/* -- end leftnav formatting -----*/


#centercolumn{
float: left;
width: 50%;
}

#center_noright {
float: left;
width: 75%;
}

#rightcolumn{
float: left;
width: 25%;
background-color: #fff;
margin-top: 2em;
margin-left: .5em;
padding: 0;
}
/* --- note: rightcolumn content must be < 190 pixels wide or the right column will jump as you resize the browser window -----*/

#rightcolumn h2.ad{
border-top: 1px solid #b3d2ec;
border-bottom: 1px solid #b3d2ec;
color: #10617f;
padding-top: .25em;
padding-bottom: .25em; 
padding-left: .25em;
background-image:url(../images/h2_gradient.gif);
background-position:top;
background-repeat:repeat-x;
}

#rightcolumn h2 {
border-top: 1px solid #b3d2ec;
border-bottom: 1px solid #b3d2ec;
color: #10617f;
padding-top: .25em;
padding-bottom: .25em; 
padding-left: .25em;
}

#rightcolumn a {
color: #1d5470;
}

#rightcolumn a:hover {
color: #966a1f;
}

#rightcolumn dl {
margin-top: 1em;
margin-left: -1.5em;
}

#rightcolumn dd {
margin-bottom: 1em;
}

#rightcolumn ul{
font-size: .85em;
color: #10617f;
padding-left: .75em;
_padding-left:0;
_margin-left: .75em;
}

#rightcolumn ul li{
list-style-type:circle;
}

/************* Footer **************/

div.footerright {
float: right;
background-color:#10617f;
}

#footer {
background-color:#10617f;
margin-top: 1em;
min-height: 25px;
padding-right: .9em;
padding-top: .2em;
font-size: .9em;
_width: 99%;
}
  
#footer ul {
list-style-type:none;
padding: 0;
margin: 0;
}

#footer li{
margin:0;
display:inline;
font-size: .85em;
}

#footer li.copyright{
margin:0;
display:inline;
padding-left: .5em;
color: #fff;
}

#footer a {
color:#fff;
margin: 0;
padding-right: .5em;
border-right: 1px solid #fff;
background:none;
}

#footer a:link, #footer a:visited {
text-decoration:none;
}
#footer a:hover {
text-decoration:none;
color:#86ba40;
}
#footer a:active {
text-decoration:none;
}


/******************* Menu Tabs **************************/

#tabs {
background-color: #86ba40;
padding-top: .25em;
padding-bottom: .25em;
padding-left: 15em;
font-family:"Century Gothic", Arial, Verdana, sans-serif;
_padding-top: 0;
}

#tabs span {
background-color:#266e92;
background-image:url(../images/tabs_gradient.gif);
background-position:top;
background-repeat:repeat-x;
text-align:center;
border-right: 1px solid #fff;
padding-top:.25em;
padding-bottom: .25em;
*padding-top: 0;
*padding-bottom:0;
}

#tabs span.tabssearch {
background-color:#266E92;
background-image:url(../images/tabs_gradient.gif);
background-position:top;
background-repeat:repeat-x;
text-align:center;
border-right: 1px solid #fff;
margin-right: -.25em;
padding-top:.25em;
padding-bottom: .25em;
*padding-top: 0;
}

#tabs span.tabssearchfirst {
background-color:#266E92;
background-image:url(../images/tabs_gradient.gif);
background-position:top;
background-repeat:repeat-x;
text-align:center;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
margin-right: -.25em;
padding-top:.25em;
padding-bottom: .25em;
*padding-top: 0;
}

#tabs span.tabssearchsecond {
background-color:#266E92;
background-image:url(../images/tabs_gradient.gif);
background-position:top;
background-repeat:repeat-x;
text-align:center;
border-right: 1px solid #fff;
padding-top:.25em;
padding-bottom: .25em;
*padding-top: 0;
*padding-bottom:.25em;
*margin-right:-.25em;
*margin-left:-.25em;
}

#tabs span.first {
background-color:#266E92;
background-image:url(../images/tabs_gradient.gif);
background-position:top;
background-repeat:repeat-x;
text-align:center;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
padding-top:.25em;
padding-bottom: .25em;
*padding-top: 0;
*padding-bottom:0;
}

#tabs a {
font-size:.9em;
height: 100%;
padding-left:.75em;
padding-right: .75em;
padding-top:.25em;
padding-bottom: .25em;
*padding-bottom: .3em;
_padding-top: .15em;
}

#tabs a:link, #tabs a:visited {
text-decoration:none;
color:#fff;
}

#tabs a:hover {
text-decoration:none;
background-color:#86ba40;
color: #fff;
height: 100%;
padding-top:.4em;
_padding-top: .15em;

}

#tabs a:active {
text-decoration:none;
color:#fff;
}



#tabs span.on {
background-image:url(../images/h2_gradient.gif);
background-position:top;
background-repeat:repeat-x;
}

#tabs span.on a:link, #tabs span.on a:visited {
text-decoration:none;
color:#10617f;
}
#tabs span.on a:hover {
text-decoration:none;
background-color:#86ba40;
color: #fff;
padding-top:.4em;
*padding-bottom: .3em;
_padding-top: .15em;
}
#tabs span.on a:active {
text-decoration:none;
color:#fff;
}



#tabs noscript a {
font-size: 1em;
padding: .15em;
}

#tabs noscript a:hover {
color: #10617f;
}



/*********************** text elements **********************************/

h1 {
color: #000;
font-size: 1.5em;
font-weight: normal;
}

h2 {
color: #000;
font-size: 1.1em;
font-weight: bold;
margin-bottom: -.25em;

}


p {
font-size: .9em;
}

.rightjustify {
text-align:right;
margin-right: .2em;
}

.note {
color: red;
font-weight: bold;
}

ul, ol {
font-size: .9em;
}

li {
margin-bottom: .5em;
}

dl {
font-size: .9em;
}

dt {
font-weight: bold;
font-size: 1.2em;
margin-bottom: .25em;
margin-top: .75em;
}

img.bio {
margin-top: .5em;
margin-bottom: 1em;
margin-right: 1em;
}

a {
color: #10617f;
text-decoration:none;
}


a:hover {
color: #86ba40;
}


.gutter{
padding: .5em;
margin: 0;
}

.clear {
clear: both;
}

.small {
font-size: .75em;
}

.required {
font-weight: bold;
font-size: 1.2em;
color: #CC0000;
}

dl.boldlist {
font-size: .9em;
font-weight: bold;
margin-top:0;
margin-bottom: 1.5em;
}

dl.boldlist dd {
line-height: 1.4em;
}

table {
width: 100%;
border: .1em solid #10617f;
}

legend {
font-size: 1.1em;
font-weight: bold;
margin-bottom: .2em;
text-align: left;
}

th {
padding: .2em;
color: #10617f;
text-align: left;
}

td {
padding: .2em;
vertical-align: top;
}

.blueline {
border-bottom: .1em solid #b3d2ec;
}

.noborder {
border: none;
}

td.last {
padding-bottom: 2em;
}

td.name {
font-weight: bold;
width: 50%;
border-top: .1em solid #b3d2ec;
}

td.border{
border-top: 1px solid #b3d2ec;
}

td.left {
text-align: right;
}

/* Financial table styles*/

table.financial {
color:#000000;
font-size:88%;
width: 100%;
text-align:right;
vertical-align:bottom;
border:none;
margin:0;
padding:0;
}

table.financial th {
color:#000000;
font-size:88%;
text-align:center;
vertical-align:bottom;
border:none;
}

table.financial th.border {
color:#000000;
font-size:88%;
/*line-height:0.9em;*/
text-align:center;
vertical-align:bottom;
border-bottom:1px;
border-bottom-color:#000000;
border-bottom-style:solid;
}

table.financial td {
font-size:88%;
vertical-align:bottom;
}


table.financial p {
font-size:88%;
margin:0;
padding:0;
}

table.financial .left {
text-align:left;
}

table.financial .level1 {
text-align:left;
font-weight:bold;
}

table.financial .level2 {
text-align:left;
padding-left:.8em;
}

table.financial .level3 {
text-align:left;
padding-left:1.6em;
}

table.financial .level4 {
text-align:left;
padding-left:2.4em;
}

table.financial .level5 {
text-align:left;
padding-left:3.2em;
}

table.financial td.underscore1 {
border-bottom:1px;
border-bottom-color:#000000;
border-bottom-style:solid;
}

table.financial .underscore2 {
border-bottom:3px;
border-bottom-color:#000000;
border-bottom-style:double;
}

.bkg_odd_rows {
background-color:#F3F3F3;
/*background-color:#CCEEFF;*/
}

.footnote {
font-size:86%;
}

.sup {
font-size:85%;
height: 0;
line-height: 1;
position: relative;
top: -0.5em;
vertical-align: baseline !important;
vertical-align: bottom;
}

.superscript {
font-size:85%;
font-weight:bold;
vertical-align: baseline !important;
vertical-align: top;
}


.notes li {
padding-top:1.5em;
font-weight: bold;
}

.normal {
font-weight: normal !important;
}

.notes li p {
font-weight: normal !important;
}

.notes li .uc {
text-decoration:underline;
}


.highlight {
background-color:#FFFFCC;
}

/* Icon styles*/

.pdf { 
padding-left:2em;
background-image:url(../images/icon_pdf_sm.gif);
background-repeat:no-repeat; 
background-position:0 .1em;
list-style-type: none;
margin-left: 0;
}

.ppt { padding:3px 20px; background-image:url(../images/icon_ppt.gif);background-repeat:no-repeat; background-position:0 50%;}
.xls { padding:3px 20px; background-image:url(../images/icon_xls.gif);background-repeat:no-repeat; background-position:0 50%;}
.doc { padding:3px 20px; background-image:url(../images/icon_doc.gif);background-repeat:no-repeat; background-position:0 50%;}
.top{ padding:3px 20px; background-image:url(../images/icon_top.gif);background-repeat:no-repeat; background-position:0 50%;}
.popup{ padding:3px 20px; background-image:url(../images/icon_popup.gif);background-repeat:no-repeat; background-position:0 50%;}