/*---------------------------------------------------------------------

		MINI STYLESHEET - [style-mini.css]

---------------------------------------------------------------------*/

@media handheld, projection, screen {


/*---------------------------------------------------------------------

		RESET

---------------------------------------------------------------------*/

/*---------------------------------------------------------------------

		GENERAL

---------------------------------------------------------------------*/



/*---------------------------------------------------------------------

		BASE LAYOUT

---------------------------------------------------------------------*/

	#banner,
	#announcements,
	#careers-links,
	#content{
		float: left;
		clear: both;
		width: 100%;
		position: relative;
	}
		div.center {
			margin: 0 auto;
			width: 940px;
			position: relative;
		}


	#banner {
		background: url(/static/img/bg_banner-home.jpg) no-repeat;
		height: 200px;
		margin: 0 0 30px -100px;
		width: 1152px;
	}
	#product #banner {
		background: none;
		height: 94px;
		margin: 0 0 40px;
		overflow: hidden;
		padding: 26px 0 0;
		width: 940px;
	}
		#banner .center {
			padding: 45px 0 0 315px;
			height: 155px;
			width: 625px;
		}
	#announcements {
		border: 1px solid #d9d9d9;
		border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		margin: 0 0 31px;
		overflow: hidden;
		padding: 0 20px 15px;
		width: 900px;
		behavior: url(css/PIE.htc)
	}
	#careers-links {
		background: url(/static/img/bg_career-links.png) no-repeat;
		height: 220px;
		margin: 0 0 30px;
		overflow: hidden;
		padding: 0 10px 0 20px;
		width: 910px;
	}
	#content { padding: 10px 0 }
		#main {
			float: left;
			margin: 0 0 70px;
			overflow: hidden;
			width: 620px;
		}
		#home #main { margin: 0 }
		#product #main { width: 100% }
		#sidebar {
			float: right;
			width: 300px;
		}

/*---------------------------------------------------------------------

		NAVIGATIONS

---------------------------------------------------------------------*/


/*	Main navigation
-------------------------------*/

#nav {
	font-size: 14px;
	margin: 0;
	position: absolute;
	bottom: 0; left: -4px;
}
	#nav > li, #nav > li > a { background: url(/static/img/bg_nav-active.png) no-repeat -9999px -9999px }
	#nav > li {
		float: left;
		height: 53px;
		line-height: 53px;
		margin: 0 5px 0 0;
		position: relative;
	}
		#nav > li > a {
			float: left;
			color: #fff;
			display: block;
			text-decoration: none;
			padding: 5px 12px 0 18px;
			text-shadow: #0a2c6f 0 -1px;
		}

		#nav > li.current-menu-item, #nav > li.current-menu-parent, #nav > li:hover { background-position: 0 0 }

		#nav > li:hover > a, #nav > li > a:hover, #nav > li.current-menu-item > a, #nav > li.current-menu-parent > a {
			background-position: right -53px;
			color: #fff;
			margin: 0 -8px 0 0;
			padding: 0 20px 0 18px;
			text-shadow: #77819a 0 -1px;
		}
			#nav > li#menu-item-245 > a > span, #nav > li#menu-item-30 > a > span, #nav > li#menu-item-29 > a > span, #nav > li#menu-item-27 > a > span, #nav > li#menu-item-24 > a > span {
				background: url(/static/img/arrow_dropdown.png) no-repeat right center;
				padding: 0 10px 0 0;
			}

		#nav > li#menu-item-245:hover, #nav > li#menu-item-27:hover, #nav > li#menu-item-29:hover, #nav > li#menu-item-24:hover, #nav > li#menu-item-30:hover { background-position: 0 -106px }
		#nav > li#menu-item-245:hover > a,
		#nav > li#menu-item-245 > a:hover,
		#nav > li#menu-item-24:hover > a,
		#nav > li#menu-item-24 > a:hover,
		#nav > li#menu-item-27:hover > a,
		#nav > li#menu-item-27 > a:hover,
		#nav > li#menu-item-29:hover > a,
		#nav > li#menu-item-29 > a:hover,
		#nav > li#menu-item-30:hover > a,
		#nav > li#menu-item-30 > a:hover { background-position: right -159px }

		#nav > li > ul {
			background: #5690d8;
			border-radius: 0 5px 5px 5px; -khtml-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px;
			box-shadow: rgba(0,0,0,.55) 2px 2px 2px; -khtml-box-shadow: rgba(0,0,0,.55) 2px 2px 2px;
			-moz-box-shadow: rgba(0,0,0,.55) 2px 2px 2px; -webkit-box-shadow: rgba(0,0,0,.55) 2px 2px 2px;
			padding: 5px 0;
			position: absolute;
			top: 53px; left: -9999px;
			width: 203px;
			behavior: url(css/PIE.htc)
		}
			#nav > li > ul > li { line-height: 32px }
				#nav > li > ul > li > a {
					background: url(/static/img/dotted-line.gif) repeat-x 0 top;
					color: #fff;
					display: block;
					font-size: 13px;
					padding: 0 18px;
					text-decoration: none;
					text-shadow: #3e72b5 0 -1px;
				}
				#nav > li > ul > li:first-child > a { background: none }
				#nav > li > ul > li > a:hover {
					background-color: #4e85c4;
					color: #fff67f;
				}
		#nav > li:hover > ul { left: 4px }



/*---------------------------------------------------------------------

		ELEMENTS, IDs, CLASSES

---------------------------------------------------------------------*/

/*	Header
-------------------------------*/

#logo {
	margin: 10px 0 0 0;
        width: 161px;
        float: left;
}
	#logo a {
		background: url(/static/img/logo.jpg) no-repeat;
		display: block;
		text-indent: -9999px;
		width: 161px; height: 71px;
	}


#welcome {
	position: absolute;
	top: 15px; right: 0;
}
	#welcome a {
		color: #0f4b93;
		font-weight: bold;
	}

#legal {
	color: #73b8e6;
	font-size: 10px;
	line-height: 15px;
	position: absolute; top: 86px; right: 0;
	width: 140px;
}

#copyright {
	color: #a3bacc;
        font-size: 13px;
	margin: 0;
	position: absolute;
	bottom: 15px; left: 0;
}

/*---------------------------------------------------------------------

		FORMS

---------------------------------------------------------------------*/


/*	General styles
-------------------------------*/

input.text,
select.select,
textarea.textarea {
	background: #fff;
	border: 3px solid #f7f9fb;
	border: 1px solid #ced6dd\9; border-right-color: #dae1e8\9; border-bottom-color: #dae1e8\9;
	border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
	box-shadow: inset #c2d3dc 1px 1px, inset #dae1e8 -1px -1px; -khtml-box-shadow: inset #c2d3dc 1px 1px, inset #dae1e8 -1px -1px;
	-moz-box-shadow: inset #c2d3dc 1px 1px, inset #dae1e8 -1px -1px; -webkit-box-shadow: inset #c2d3dc 1px 1px, inset #dae1e8 -1px -1px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 9px 10px 9px;
	position: relative;
	behavior: url(css/PIE.htc)
}
input.text { margin-bottom: 3px\9; width: 215px }
select.select { padding: 4px 2px; width: 262px }
textarea.textarea { width: 307px; height: 96px }

input.text:focus,
select.select:focus,
textarea.textarea:focus {
	background: #fff;
	border: 3px solid #b1c7e4;
	border-width: 1px\9;
}


input.submit {
	background: url(/static/img/bg_submit.png) repeat-x;
	border: 0 none;
	border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font: bold 12px/29px Arial, Helvetica, sans-serif;
	height: 29px;
	margin: 0 0 0 3px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	text-shadow: #d63600 0 -1px;
	width: 80px;
	behavior: url(css/PIE.htc)
}
input.submit:hover { text-shadow: #d63600 0 1px }

input.example, textarea.example { color: #808080 }

form.form { /*-*/ }

	form.form ol.fieldset { margin: 0 0 8px }
	form.form.comment ol.fieldset {
		float: left;
		margin: 0 0 8px;
	}

		form.form ol.fieldset li.field { position: relative }

		form.form ol.fieldset li.field + li.field { margin: 3px 0 0 }

			form.form ol.fieldset li.field label {
				display: block;
				margin: 0 0 3px;
			}
			form.form ol.fieldset li.field input.checkbox + label,
			form.form ol.fieldset li.field input.radio + label {
				display: inline;
				margin: 0 0 0 4px;
			}
			form.form ol.fieldset li.field input.checkbox,
			form.form ol.fieldset li.field input.radio { vertical-align: middle }

	form.form p.submit { /*-*/ }


	form.form p.fields.alignright { float: right }

	form.form p.fields { /*-*/ }

		form.form p.fields label { /*-*/ }

		form.form p.fields input { vertical-align: middle }

		form.form p.fields input.text { /*-*/ }

		form.form p.fields input.submit { /*-*/ }



/*	Individual forms
-------------------------------*/


form#login {
	position: relative;
	top: 5px; right: 0;
	width: 300px;
}
	form#login ol.fieldset {
		margin: 0 0 7px;
		overflow: hidden;
	}
		form#login ol.fieldset li.field {
			float: left;
			margin: 0 4px 0 0;
		}
			form#login ol.fieldset li.field input.text {
				background: #eff3f7;
				border: 1px solid #e1e7eb;
				border-top-color: #c1cdd7;
				border-left-color: #c1cdd7;
				border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
				color: #808080;
				font: italic 12px Arial, Helvetica, sans-serif;
				padding: 4px 9px;
				width: 91px;
				behavior: url(css/PIE.htc)
			}
			form#login ol.fieldset li.field input.text:focus {
				background: #e8eff6;
				border-color: #9eabb5;
			}

		form#login ol.fieldset li.submit { position: absolute; top: 0; right: 0 }

			form#login ol.fieldset li.submit input.submit {
				background: url(/static/img/bt_login.png) no-repeat;
				border: 0 none;
				color: #fff;
				cursor: pointer;
				font-size: 12px;
				font-weight: bold;
				line-height: 25px;
				height: 25px;
				text-align: center;
				text-shadow: 0 -1px 0 #cb3a0f;
				width: 70px;
			}
			form#login ol.fieldset li.submit input.submit:hover { text-shadow: 0 1px 0 #cb3a0f }

			form.form p.login-options input.checkbox + label {
				display: inline;
				margin: 0 0 0 4px;
			}
			form.form p.login-options input.checkbox { vertical-align: middle }

}

/*---------------------------------------------------------------------

		@FONT-FACE

---------------------------------------------------------------------*/

@font-face {
	font-family: "TheMixSemibold";
	src: url(/srv/sites/gmatclub.org/htdocs/static/font/themxb6_-webfont.eot);
}
@font-face {
	font-family: "TheMixSemibold";
	src: url(/srv/sites/gmatclub.org/htdocs/static/font/themxb6_-webfont.ttf) format("truetype");
}

@font-face {
	font-family: "TheMixBold";
	src: url(/srv/sites/gmatclub.org/htdocs/static/font/themxb7_-webfont.eot);
}
@font-face {
	font-family: "TheMixBold";
	src: url(/srv/sites/gmatclub.org/htdocs/static/font/themxb7_-webfont.ttf) format("truetype");
}

/*---------------------------------------------------------------------

		@MODAL DIALOG BOX

---------------------------------------------------------------------*/

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
  position:absolute;
  width:350px;
  height:250px;
  display:none;
  z-index:9999;
  padding:0px;
}


/* Customize your modal window here, you can add background image too */
#boxes #login-box {
  width:260px;
  height:250px;
}

#login-box {
	background-color: #fff;
	border: 1px solid #c0d7f3;
	border-radius: 9px; -khtml-border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;
	margin: 0px;
	min-height: 42px;
	padding: 0px;
	position: relative;
	behavior: url(css/PIE.htc)
}

#login-box .form {
	margin-top: 30px;
	width: 232px;
}

#login-box #login-please {
	font-weight: bold;
	font: 16px/16px "TheMixSemiBold";
	color: #ff7700;
	margin: 10px;
}


/*
  Fix for the GC tests positioning
*/

.gc-tests {
        padding: 0 0 30px 0;
}