@import url('news.css');
@import url('section.css');
@import url('contact.css');
@import url('search.css');
@import url('glossary.css');
@import url('form.css');
@import url('sitetest.css');
@import url('elements.css');

/* Styles for page layout */
html {font-family: sans-serif; background: white}

/*body {width: 660px; padding: 0 20px; margin: auto; color: #8805CA; border-left: solid silver 1px; border-right: solid #888 4px; border-bottom: solid gray 2px}*/
body {padding: 0 20px; margin: auto; color: #666}

#masthead {margin: 0 auto; width: 796px; position: relative; right: 30px} 

#masthead img {display: block}

#page {width: 704px; margin: 0 auto; padding: 0 8px; background: url('../images/page_bg.png') white repeat-y top center}
#mainlinks {height: 20px; background: url('../images/menubar.png') #EEE; margin: 0; font-size: 80%; line-height: 20px; position: relative}

#mainlinks a {color: #666}

#btm {display: block; width: 720px; margin: 0 auto}

#mainlinks, #contents, #footer, #ptitle {padding: 0 16px}

#footer {font-size: 70%; text-align: center; clear: both; margin-top: 2em}

#mainlinks form {display: block; margin: 0; position: absolute; right: 0px; top: 0px; height: 20px}
#mainlinks #words {border: solid silver 1px; background: url('../images/menubar_light.png') white repeat -1px -1px; height: 18px; padding: 0 4px; vertical-align: top;
		   color: #666; font-family: sans-serif; font-size: 100%;
		   width: 8em}
#mainlinks #go {vertical-align: -4px; padding: 0 5px}

#contents {font-size: 10pt}
#sidebar {font-size: 9pt}


#contents.wide {margin-right: 0; float: none; width: auto}

#contents {float: left; width: 456px;}
#sidebar {float: right; width: 200px; height: 1%; margin-right: 16px}

#ptitle {margin: -0.2em 0 -0.5em}

#sidebar .boxtitle {margin: 0; font-size: 125%}

.sidebarbanner img {border: none}

/* IE layout hacks */

* html #page {position: relative}
* html #sidebar {position: absolute; right: 8px; top: 30px}
* html #mainlinks #words {margin-top: -1px}

/* Styles for page elements */

a {color: black; text-decoration: none}
a:hover {text-decoration: underline}

#sitetestbanner {display: block; height: 66px; background: url('../images/challenge_bg.jpg') silver no-repeat; font-size: 25px; color: #F0F0F0; text-align: right; padding: 10px; text-decoration: none; font-weight: bold; margin-bottom: 1em}

#sitetestbanner:hover {color: white}

h1 {margin: 0px}
h2 {font-size: 130%; font-weight: bolder}
h3 {font-size: 110%}
h4 {font-size: 100%; font-weight: bold; margin-bottom: 0.5em}

form {margin: 0; padding: 0}


.endfloat {height: 0px; clear: left; visibility: hidden}

.introduction {z-index: 2; text-align: justify}

.introduction p {margin: 0.5em 0px 0.8em}

p {text-align: justify}

.error_details {margin: 0 0 1em 0; border-top: solid #8805CA 1px; padding: 0.2em 0; font-size: 80%; font-style: italic}

/* This stuff looks really neat on Mozilla.
div.chapter {background-color: #E5D0FF; -moz-border-radius: 10px; padding: 2px 10px; margin-bottom: 1em}
div.chapter h4 {margin-top: 0.5em}
div.chapter p {margin-bottom: 0.5em} */

dt {font-weight: bold}
dd {margin-bottom: 1em}

.box {position: relative; height: 100%; width: 100%; background-color: #DFCCEB; color: black; padding: 0; margin: 0 0px 2em}
.box a {text-decoration: underline}
.corners img {display: block; position: absolute; z-index: 2}
.corners .tl {left: 0px; top: 0px}
.corners .tr {right: 0px; top: 0px}
.corners .bl {left: 0px; bottom: 0px}
.corners .br {right: 0px; bottom: 0px}
* html .box .br,
* html .box .bl {bottom: -1px}
.box .boxpad {padding: 3px 10px}
.box .boxcontents {margin: 0.5em 0}
ul li {list-style-position: outside}

.pricevalue {font-size: 120%; color: #444; font-weight: bold}
.price {margin-bottom: 0}
.pricedetails {margin-top: 0; font-size: 90%}

.networkstatus img {margin-right: 3px; vertical-align: bottom}
.networkstatus th {padding-right: 1em; text-align: right}

#sidebar .box p {margin: 0.2em 0}

.sidebarbanner {margin-bottom: 10px}

.linkpage {
	text-align:center;
}

.linkpage img {
	border:none;
	padding:10px;
}


.top-banner {
	background: url('../images/mi-billing-banner.png') no-repeat ;
	height:100px;
	width:100%;
	margin-bottom:20px;
	position:relative;
}

.top-banner a {
	color:white;
	position:absolute;
	right:15px;
	bottom:20px;
	text-decoration:underline;
}

.montage {
	background: url('../images/grabs/mi-billing-montage.png') no-repeat ;
	width:100%;
	height:450px;
}