/* Global Stylesheet for Monsoon Works */

* {
	outline:none;
}
html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:62.5%; 
	/*	This sets the base font-size at values of 10.
		1em = 10px. 1.2em = 12px. Etc. 
		This also keeps the font-size elastic in all browsers including IE. */	
	font-family:ArialMT, Arial, Helvetica, sans-serif;
	background:url(../images/bg_body.gif) center top no-repeat;
	color:#63634f;
}
img, fieldset {
	border:none;
	outline:none;
}
#wrapsuper {
	min-height:100%;
	width:760px;
	margin:auto;
	background:#e7e7e4;	
	text-align:left;	
}
#wrapouter {
	width:760px;
	background:url(../images/bg_wrapouter.png) left top repeat-y;
	overflow:hidden;
}
#wrapinner {
	width:760px;
	background:url(../images/bg_wrapinner.png) left top no-repeat;
}
#home #wrapinner {
	width:760px;
	background:url(../images/home_random/bg_home_01.jpg) left top no-repeat;
}
#logo {
}
#primarynav {
	margin-left:160px;
	width:600px;
	height:30px;
	background:#63634f;
}
#container {
	width:760px;
	height:100%;
	background:url(../images/bg_container.png) left top repeat-y;
	overflow:hidden;
	clear:both;
        position: relative;
}
#home #container {
	background:none;	
}
#leftcolumn {
	width:203px;
	min-height:658px;
	float:left;
	background:url(../images/bg_leftcolumn.jpg) left 90px no-repeat;
	clear:left;
}
#home #welcome {
	width:223px;
	padding-top:60px;
	padding-left:25px;
	padding-bottom:30px;
	color:#333;
	height:161px;
	overflow:hidden;
}
#home #welcome p {
	font-size:1.1em;
	margin-top:0;
}
#home #welcome a {
	color:#63634F;
	font-weight:bold;
}
#home #markets {
	background:#3d453f url(../images/bg_markets.gif) left top repeat-y;
	height:153px;
	min-height:153px;
	overflow:visible;
	width:100%;
}

#home #markets div.market-button {
	float:left;
	width:190px;
	height:153px;
	min-height:153px;
}

#home #hotstuff {
	background: #63634f url(../images/bg_hotstuff.gif) left top repeat-x;
	color:#fff;
	padding:24px 24px 10px 24px;
}
#home #hotstuff a {
	color:#fff;
	font-weight:bold;
}
#home .hotitem {
	padding:0 0 12px 0;
}
#home .hotitem p {
	font-size:1.1em;
}
#secondarynav {
	padding-top:46px;
}
#secondarynav ul {
	margin:0 0 18px 0;
	padding:0;
	list-style: none;
}
#secondarynav li {
	margin:0;
	padding:0 24px;
	list-style: none;
	line-height:1.1em;
	margin-bottom:1em;
	font-size:1.1em;
}
#secondarynav ul ul {
	margin-top:.5em;
	margin-bottom:0;
}
#secondarynav ul ul li {
	line-height:1.1em;
	font-size:1em;
	margin-bottom:.5em;
	padding:0 0 0 24px;
}
#secondarynav ul ul li.lastchild {
	margin-bottom:0;
}
#secondarynav ul a {
	text-decoration:none;
	color:#40402d;
}
#secondarynav ul a:hover {
	text-decoration:underline;
}
#secondarynav li.highlight, #secondarynav li.childSelected {
	background:#96af08 url(../images/bg_sn_selected.jpg) left top no-repeat;
	border-top:2px groove #e3ee92;
	border-bottom:2px groove #dae4ee;
	padding:6px 24px;
}

#secondarynav li.childSelected li.highlight, #secondarynav li.childSelected li.childSelected {
	background:none;
	border:none;
	padding:0 0 0 24px;
}

#secondarynav a.selected {
	font-weight:bold;
}
#secondarynav ul#verticals {
	background:#96af08 url(../images/bg_sn_selected.jpg) left top no-repeat;
	border-top:2px groove #e3ee92;
	border-bottom:2px groove #dae4ee;
	padding:16px 0 12px;
}
#secondarynav ul#verticals ul {
	padding:0 24px 0 24px;
	margin:0;
}
#secondarynav ul#verticals li {
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:.4em;
	padding:0;
}
#secondarynav ul#verticals ul li {
	font-size:1em;
	line-height:1.2em;
	margin:.4em 0;
	padding:0;
}
#secondarynav ul#verticals ul ul {
	padding:0;
	margin:0 0 1em 0;
}
#secondarynav ul#verticals ul ul ul {
	padding:0 0 0 14px;
	margin:0 0 1em 0;
}
#secondarynav ul#verticals ul ul li {
	padding-left:15px;
	background:url(../images/dash.gif) 5px .6em no-repeat;
}
#secondarynav ul#verticals ul ul ul li {
	background-image: none;
	padding-left:0;
}
#secondarynav ul#verticals a.selected {
	font-weight:bold;
}
#rightcolumn {
	width:541px;
	float:left;
	padding:0 0 25px 16px;
}
#content {
	padding:0 25px 0 9px;
	width:507px;
}
#home #content {
	padding:0;
	width:100%;
}
#footer {
	height:57px;
	padding:23px 12px;
	width:736px;
	background:url(../images/bg_footer.gif) left top repeat-x;
	overflow:hidden;
        position: relative;
}
#utilitybar {
	padding:7px 12px;
	background:#bdbdb7;
	overflow:hidden;
	width:712px;
}
#utilitybar ul {
	list-style: none;
	padding:0;
	margin: 1em;
	overflow:hidden;
	float:right;
	width:50%;
	text-align:right;
	line-height:1.8em;
}

#utilitybar div.how-monsoon-works {
	padding: .5em 0 0 0 ;
}

.how-monsoon-works,
#utilitybar ul li {
	list-style: none;
	padding:0 0 0 1em;
	margin:0;
	display:inline-block;
	text-transform:uppercase;
}
#utilitybar a.utility-link,
#utilitybar ul li a {
	color:#63634f;
	text-decoration:none;
}

#utilitybar a.utility-link {
	vertical-align: top;
	margin-left: 5px;
	padding-top: 7px;
	display: inline-block;
}


#utilitybar a.utility-link:hover,
#utilitybar ul li a:hover {
	color:#63634f;
	text-decoration:underline;
}



#footer p.copyright {
	text-align:right;
	padding:0 12px;
	margin:1em 0;
	color:#88887d;
}
#footer a {
	color:#88887d;
}
#utilitybar form,
#utilitybar .how-monsoon-works {
	float:left;
	overflow:hidden;
	width:40%;
	margin:0;
	padding:0;
}
#utilitybar form img.flag {
	padding:0 1em 0 0;
	position:relative;
	top:2px;
}
#utilitybar form select {
	font-size:1em;
	margin:0;
}

/* Content Styles */

#content a {
	color:#8fa80b;
}
#content p,
#content dl {
	font-size:1.2em;
	margin:.75em 0;
	padding:0;
	line-height:1.4em;
}
#content ul,
#content ol {
	font-size:1.2em;
	margin:.75em 0 .75em 1.5em;
	padding:0;
}
#content li ul,
#content li ol {
	font-size:1em;
}
#content li {
	line-height:1.4em;
	margin-bottom:.6em;
}
#content .compact li {
	line-height:1.4em;
	margin-bottom:0;
}
#content dt, 
#content dd {
	line-height:1.1em;
	margin-bottom:.3em;
}
#content p.intro {
	font-size:1.4em;
	color:#486869;
}
#content p span.intro {
	font-size:1.16em;
	color:#486869;
}
#content p.pressreleasedate {
	font-size:1.1em;
	color:#486869;
}
#content h1 {
	padding:0;
	color:#a6bf33;
	font-weight:normal;
	font-size:2.2em;
	margin:0 0 .5em 0;
}
#home #content h1 {
	margin:0;
}
#content h2 {
	padding:0;
	margin:1.5em 0 .5em 0;
	font-size:1.4em;
}
#home #content h2 {
	padding:0;
	color:#a6bf33;
	font-weight:normal;
	font-size:1.6em;
	margin:0 0 .5em 0;
}
#content h3 {
	margin:1.5em 0 .5em 0;
	font-size:1.2em;
}
#content img {
	max-width:507px;
}

/* Bio Blocks */

#content .bioblock {
	float:left;
	width:415px;
	margin: 1em 0;
}
#content img.biophoto {
	float:left;
	clear:both;
	margin: 1em 1em 1em 0;
}
#content .bioblock h2 {
	margin:0;
	padding:0;
	font-size:1.6em;
	color:#486869;
	font-weight:normal;
}
#content .bioblock h2 span {
	font-size:.8em;
	color:#63634f;
	padding-left:.5em;
	font-weight:bold;
}

/* Core Template Exceptions */

#core #content {
	padding-top:128px;
}

/* "Callout" Class */

.callout {
	float:right;
	margin:1em 0 .5em 2em;
	background:#63634f;
	padding:15px;
	width:146px;
	color:#fff;
	clear:right;
}
#content .callout a {
	color:#fff;
}
#content .callout h3 {
	margin:0;
	font-size:1.2em;
	color: #e2ee92;
}
#content .callout p {
	margin:0;
	font-size:1.1em;
}
.callout hr {
	margin:15px -15px;
	height: 3px;
	background-color: #ddd;
	color: #ddd;
	padding: 0;
	border:none;
}
#content .callout ul {
	font-size:1.1em;
}
#content .callout ul li {
	line-height:1.2em;
	margin-bottom:.4em;
}
.callout cite {
	font-weight:bold;
	font-style: normal;
	display:block;
	margin-left:1.5em;
	margin-top:.75em;	
}

/* Table Styles with Comparison Table */

table {
	font-family:ArialMT,Arial,Helvetica,sans-serif;
	color:#40402D;
	border-collapse:separate;
}
#content table thead th a {
	color:#40402D;
}
th {
	font-size:1.1em;
	padding:5px 10px;
	background:#CFCFC9;	
}
thead th {
	font-size:1.2em;
	background:#CFCFC9 url(/images/bg_th.png) repeat-x left bottom;	
}
tbody th {
	font-weight:normal;
}
td {
	font-size:1.1em;
	padding:5px 10px;
	background:#E7E7E4;	
}
table.comparison th {
	text-align:left;
	background:#E7E7E4 url(/images/bg_th.png) repeat-x left bottom;	
}
table.comparison thead th {
	font-size:1.4em;
}
table.comparison tbody th {
	font-weight:normal;
	background-image:none;
}
table.comparison tbody td {
	text-align:center;
}
table.comparison th.express {
	background:#DBDBD6 url(/images/bg_th.png) repeat-x left bottom;	
	text-align:center;
	font-weight:normal;
}
table.comparison th.edge {
	background:#CFCFC9 url(/images/bg_th.png) repeat-x left bottom;	
	text-align:center;
	font-weight:normal;
}
table.comparison th.pro {
	background:#C3C3BB url(/images/bg_th.png) repeat-x left bottom;	
	text-align:center;
	font-weight:normal;
}
table.comparison th.pro-w {
	background:#B7B7AE url(/images/bg_th.png) repeat-x left bottom;	
	text-align:center;
	font-weight:normal;
}
table.comparison tbody td.express {
	background:#DBDBD6;	
}
table.comparison tbody td.edge {
	background:#CFCFC9;	
}
table.comparison tbody td.pro {
	background:#C3C3BB;	
}
table.comparison tbody td.pro-w {
	background:#B7B7AE;	
}
table.layoutgrid {
	border-collapse:collapse;
	width:100%;	
}
table.layoutgrid th,
table.layoutgrid td {
	text-align:center;
	padding:2em 0;
	background:none;
	vertical-align: center;
}

/* Form */

#rightcolumn #content form, 
#rightcolumn #content fieldset, 
#rightcolumn #content label, 
#rightcolumn #content legend, 
#rightcolumn #content input, 
#rightcolumn #content select, 
#rightcolumn #content textarea, 
#rightcolumn #content option {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}
#rightcolumn #content fieldset {
	clear:both;
	overflow:hidden;
	width:100%;
	padding:0;
}
#rightcolumn #content form dl {
	float:left;
	width:49%;
	margin:1em 0;
}
#rightcolumn #content form dt {
	margin-bottom:0.2em;
	width:95%;
	line-height:1.1em;
}
#rightcolumn #content form fieldset.questions dt {
	height:2.5em;
	margin:0 0 .25em 0;
	width:95%;
}
#rightcolumn #content form fieldset.questions p.fineprint {
	clear:both;
	margin-bottom:2em;
}
#rightcolumn #content form dd {
	width:95%;
	margin:0 0 0.5em 0;
}
#rightcolumn #content form h3 {
	background:#EBEEE5 none repeat scroll 0%;
	margin-top:20px solid #FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	padding:5px;
	vertical-align:middle;
}
#rightcolumn #content form .error {
	color:#CC2222; font-size:14px 
} 

/* Miscellaneous */

.pagingNav{ margin:24px 0px 8px 0px; font-size:12px }
.pagination{ text-align:center; color:#bbb; position: relative; font-size:12px}
.pagination .pageRight{position: absolute; top: 0px; right: 0px; font-size:12px}
.pagination .pageLeft{position: absolute; top: 0px; left: 0px; font-size:12px}

.hide {
	display:none;
}
#content .fineprint {
	font-size:1em;
}