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

body {
background-color: #fff;
margin:0;
padding:0;
font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
}

/* wrap centers all */
#wrap {
width: auto !important;
margin: 0;
padding: 0;
}


div#utilitybar, 
#leftnav, 
#rightcolumn, 
#leftcolumn,
#header,
#footer,
#tabs 
{
display: none !important;
}

#banner {
width: auto;
background-color: #fff;
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-left: 3em;
margin-top: 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;
}


#centercolumn{
float: none !important;
width: auto;
}

#center_noright {
float: none !important;
width: auto;
}

#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: 98.7%;
}
  
#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;
}

#tabsshort {
background:#1d5470;
padding-top: .5em;
padding-right: .5em;
padding-left: .3em;
padding-bottom: .3em;
font-family:Arial, Helvetica, Verdana, sans-serif;
text-align: right;
width: 73.5%;
}

#tabsshort a {
color: #eeecd2;
text-decoration: underline;
font-size: .9em;
}

#tabsshort a:hover {
color: #966a1f;
}
/*********************** text elements **********************************/

h1 {
color: #000;
font-size: 14pt;
font-weight: bold;
}

h2 {
color: #000;
font-size: 12pt;
font-weight: bold;
}


p {
font-size: 10pt;
}

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

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

ul, ol {
font-size: 10pt;
}

li {
margin-bottom: .5em;
}

dl {
font-size: 10pt;
}

dt {
font-weight: bold;
font-size: 12pt;
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;
}

/* 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: -1em;
}
.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%;}
