/* monicGuide_c.css
/* Author: Jacky Chan, 03-Sep-2009 */

@charset "utf-8";


/* basic elements */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#123123;
	margin: 0;
	padding: 0;
	font-size: small;
}

/* for the counter of the steps*/
ol { counter-reset: item }
li { 
	display: block; 
	margin-bottom: 10px; 
	margin-left: -30px;
	letter-spacing:2px;
	font-size:16px;
	clear:both;
}
li:before { content: counter(item) ". "; counter-increment: item }

/* specific divs */
#container {
	background: url(images/reg-bk.gif) transparent repeat-y;
	text-align:left;
	width: 880px;
	padding: 0px;
	border-bottom: 1px solid #000;
	
	/* make the center works for IE6 */
	margin-left:-440px;
	position:absolute;
	left:50%;
}

#title h1 {
	font-size:30px;
	margin: 0px auto 5px;
	padding: 15px 0px 5px 120px;
	text-align:center;
	word-spacing:-2px;
	font-weight:bold;
	vertical-align:middle;
	height:68px;
}

#menu {
	/*background-color: #336699;*/
	margin: 5px 90px 5px 90px;
}

#menu a {
	background: url(finger.gif) left top no-repeat;
	padding: 0px 0px 10px 22px;
	margin: 0px 17px 5px 0px;
	color:#336699;
	float:left;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}

#menu a:hover {
	color:#3399FF;
}

#preamble {
	clear:left;
	margin: 0px 20px 20px;
}

#preamble p {
	padding: 8px 5px 8px 20px;
	margin: 0px 75px 0px 70px;
	line-height:18pt;
	letter-spacing:2pt;
	font-size:16px;
	border-style:dashed;
	border-width: 1px;
	text-align:justify;
	background-color: #D6EFE4;
}

#content {
	margin: 50px 95px 5px 90px;
}

#content #signup {
	display: block;
}

#content #signupdomain {
	display: none;
}

#content #renewdomain {
	display: none;
}

#content #resetpswd {
	display: none;
}

#footer {
	clear: both;
	text-align: right;
	font-size: 11px;
	border-top: 1px solid #CCCCCC;
	margin: 50px 20px 0px;
}

#footer p {
	padding: 5px 0px;	
	margin: 0px auto;
}

#extraDiv1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

#extraDiv1 span {
	background: transparent url(monic_logo.jpg) no-repeat 89px top;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height:68px;
}

.bold {
	font-weight:bold;
}

.small {
}

.error-h3 {
	color:#FF3C3C;
}

/* Specific class for content h3 */
.contenth3 {
	padding: 0px;
	margin: 5px 0px 20px 0px;
	text-align:center;
	/*color:#336699;*/
	letter-spacing: 10pt;
	font-size:26px;
	font-weight:bold;
}

/* Warn IE7 user to change to FF or IE8 */
/* IE6 should not see the warning messeage */
/* IE7 should see it */
/* The property selector and the :lang fake class to ensure IE7 to show it */
/* But not from MOSe */

/* For IE7 to show */
div[id="warning"] {
	display: block !important;
}

div[id="warning"]>p {
	padding: 8px 15px 8px 15px;
	margin: 0px 95px 0px 90px;
	line-height:18pt;
	font-size:16px;
	border-style:dashed;
	border-width: 1px;
	text-align:justify;
	background-color: #FE7C80;
	color: #FF0000;
}

/* For IE6 to hide */
#warning {
	display: none;
}

/* For MOSe/IE8 to hide */
:lang(warn) {
	display:none;
}

/* Image tags for profile password reset */

/* Image substitution */
.imgcontainer {
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	margin: 20px 0 20px 10px !important;
	float: right;
}

.screenshot {
	position: relative;
	text-indent:-5000px;
	right: 6px;
	bottom: 6px;
	border: 1px solid #999999;
	display: block;
}

#signup1 span {
	background: url(screenshot/signup-1.gif) no-repeat;
	width: 252px;
	height: 178px;
}

#signup2 span {
	background: url(screenshot/signup-2.gif) no-repeat;
	width: 416px;
	height: 383px;
}

#regdomain1 span {
	background: url(screenshot/regdomain-1.gif) no-repeat;
	width: 419px;
	height: 105px;
}

#regdomain2 span {
	background: url(screenshot/regdomain-2.gif) no-repeat;
	width: 278px;
	height: 166px;
}

#regdomain3 span {
	background: url(screenshot/regdomain-3.png) no-repeat;
	width: 533px;
	height: 450px;
}

#regdomain4 span {
	background: url(screenshot/regdomain-4.png) no-repeat;
	width: 423px;
	height: 141px;
}

#regdomain5 span {
	background: url(screenshot/regdomain-5.png) no-repeat;
	width: 273px;
	height: 219px;
}

#regdomain6 span {
	background: url(screenshot/regdomain-6.png) no-repeat;
	width: 568px;
	height: 487px;
}

#renewdomain1 span {
	background: url(screenshot/regdomain-1.gif) no-repeat;
	width: 419px;
	height: 105px;
}

#renewdomain2 span {
	background: url(screenshot/renewdomain-2.png) no-repeat;
	width: 218px;
	height: 121px;
}

#renewdomain3 span {
	background: url(screenshot/renewdomain-3.png) no-repeat;
	width: 529px;
	height: 247px;
}

#renewdomain4 span {
	background: url(screenshot/renewdomain-4.png) no-repeat;
	width: 407px;
	height: 283px;
}

#reset1 span {
	background: url(screenshot/reset-1.png) no-repeat;
	width: 331px;
	height: 89px;
}

#reset2 span {
	background: url(screenshot/reset-2.png) no-repeat;
	width: 317px;
	height: 127px;
}

#reset3 span {
	background: url(screenshot/reset-3.png) no-repeat;
	width: 389px;
	height: 127px;
}

#reset4 span {
	background: url(screenshot/reset-4.png) no-repeat;
	width: 421px;
	height: 101px;
}

#reset5 span {
	background: url(screenshot/reset-5.png) no-repeat;
	width: 368px;
	height: 102px;
}


/*
* {
	border: 1px solid red;
}
*/

/* CSS Document */