@import url(csubdomains.css);
/* And here are all of the default settings F4FAFE FCFEF4 */
body {
	margin: 0;
    padding: 0;
	font-family: Arial, Verdana, Helvetica;
	font-size: 14px;
	color: #1A1C1D;
	text-align: center;
    min-width:935px;
	}

/* This is for 'strong' text that's not quite header text. */
.bigger {
    font-weight: bold;
}

/* This is for alert text that needs to stand out. */
.alert {
    color:#ff0000;
}
/*this was brents idea to fix the bg img problem in ie...*/
#bodyShadowWrap {
	margin-top:-20px;
	padding-top:20px;
	width:90px;
	background: #ffffff url('/images/background/bodyshadow.png') repeat-y center;
}
/* This is our div tag that contains the whole body */
#the_body {
    background-color: #ffffff !important;
    margin:0 auto;
    padding:0px 0px 0px 0px;
    width: 985px;
    text-align:left;
    height:auto;
    border:none;
}

/* This is where I see if I'm an idiot */
#body_container {
	background-color:#f2f2f2 !important;
    width:100%;
    text-align:left;
    position:relative;
    float:left;
}

#left_menu_spacer {
    position:relative;
    float:left;
    text-align:left;
    width: 310px;
    height:100px;
    border:0px;
    margin:0px;
    overflow:hidden;
}
#gradientHeader a{
	background-color:transparent;
}
#gradientHeader img{
	margin-top:0px;
}
#headerContent {
	margin:0 auto;
    padding:0px 0px 0px 0px;
    width: 985px;
    text-align:left;
    height:auto;
}
#memberResources {
	float:right; 
	margin-top:5px;	
	font-size:14px;
	color:white;
}
#memberResources a{
	color:white; 
	font-size:14px;
	text-decoration:underline;
}
#collegeSearch {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #333333;
	background:url('img/lg_input_full.gif') no-repeat left center;
	padding-left:20px;
}
#siteSearch {
	width: 154px;
	height:20px;
	font-size:1em;
	margin: 0px 0px 0px -5px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background:url('../images/page-elements/text-fields/search.png') no-repeat left center;
	padding-left:34px;
}
#top_sign_in {
}
#loginName {
	width: 100px;
	height:14px;
	font-size:12px;
	margin: 0 0 .2em 0px;
	border: 1px solid #1A1C1D;
	background-color:#F2F2F2;
	/*background:url('../images/page-elements/text-fields/username.png') no-repeat left center;
	padding-left:28px;*/
}
#loginPass {
	width: 100px;
	height:14px;
	font-size:12px;
	margin: 0 0 .2em 0px;
	border: 1px solid #1A1C1D;
	background-color:#F2F2F2;
	/*background:url('../images/page-elements/text-fields/pass.png') no-repeat left center;
	padding-left:28px;*/
}
#buttonWrapper {
	height:90px;
	background-position:bottom;
	background-image:url(http://www.mychances.net/images/buttons/blueSlider.png);
	background-repeat:repeat-x;
	overflow:visible;
}
.hybridNavTopLinks {
	font-size:16px; 
	float:left;
	color:white;	
}
.hybridNavTopLinks a{
	font-size:16px; 
	float:left;
	color:white !important;
	text-decoration:none;
	outline: none !important;
}
.navTopLinksAlwaysOn a{
	text-decoration:underline !important;
}
.hybridNavTopLinks a:hover{
	text-decoration:underline;
}
#topNavEssays {
	margin-top:-19px;	
}
.topLinkSpacer {
	float:left; 
	width:25px;	
}
.navLinks {
	font-weight:bold  !important;
	color:#3f3f3f  !important;
}
.navButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#9a9a9a;
	width:10em;
	height:20px;
	margin-top:5px;
	padding-top:65px;
	position:relative;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	overflow:visible;
}


.firstNavButton {
	margin-left:-35px;
	width:115px;
	
}

.lastNavButton {
	
}
.navButtons img{
	vertical-align:10%;
	margin-right:4px;
}

#mychance_header_myAccount{
	background-image:url(http://www.mychances.net/images/buttons/myAccount.png);	
}
#mychance_header_colleges{

	background-image:url(http://www.mychances.net/images/buttons/colleges.png);	
}
#mychance_header_essays{
	background-image:url(http://www.mychances.net/images/buttons/essays.png);	
}
#mychance_header_forums{
	background-image:url(http://www.mychances.net/images/buttons/community.png);	
}
#mychance_header_main{
	background-image:url(http://www.mychances.net/images/buttons/main.png);	
}
#mychance_header_help{
	background-image:url(http://www.mychances.net/images/buttons/help.png);	
}
.leftBarLogin {
	font-size:.9em;
	text-align:left;
	position:relative;
	float:left;
}
#mcLogo {
	float:left;	
}
#mainPageleftBarLogin {
	font-size:.9em;
	text-align:center;
	position:relative;
	float:left;
	margin-top:30px;
	margin-bottom:15px;
	border-style:solid;
	border-width:1px;
	border-color:gray;
}
#left_menu_spacer a{
    background-color:transparent !important;
}

#left_menu {
    position:relative;
    float:left;
    text-align:left;
    width: 185px;
    background:#F2F2F2;
    padding-left:5px;
    padding-right:0px;
    overflow:hidden;
}
#c_main_content {
	position:relative;
	background-color:#FFFFFF; 
	float:right;
	padding-left:5px;
	width:785px;
	overflow:visible;
	padding-right:5px;
	min-height:500px;
} * html #c_main_content { 
	position:relative;
	background-color:#FFFFFF; 
	float:right;
	padding-left:5px;
	width:785px;
	overflow:visible;
	padding-right:5px;	
	height:500px; 
}
.mc_full_width {
	width:100% !important;	
}

#left_menu font {
    display:block;
}
#left_menu h3 {
    width:80%;
}
.gap {
	background-color:#ffffff;
    font-size: 12px !important;
}

.ol_nav {
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0;
}
.ol_nav li a {
  font-size: 12px;
  background-color: #ffffff;
  border: 0;
  border-bottom: 1px solid #9ebfdf;
  display: block;
  width: 82%;
  text-decoration:none;
}
.ol_nav li a:hover {
  background-color: #6b8eae;
  color: #ffffff;
}
.ol_nav a:link, .ol_nav a:active, .ol_nav a:visited {
  color: #6b8eae;
}

.verticalText {
	writing-mode: tb-rl;
	filter: flipv fliph;
}
/*
THIS IS FOR THE LEFT NAV
*/
.navcontainer
{
float:right;
width: 13em;
border-right: 0px;
padding: 0 0 0em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #F2F2F2;
color: #333;
}

.navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.navcontainer li
{
border-bottom: 1px solid #F2F2F2;
margin: 0;
}

.navcontainer li a
{
	font-size:12px;
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 0px;
	background-color: #FFFFFF;
	color: #202020;
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	border-right: 2px solid #2175BC;
	width: 92%;
	text-decoration: none;
}
.left_nav_sub_current {
	background-color: #2175BC !important;
	color: #fff !important;
	text-decoration: none;
}
.left_nav_main_current {
	background-color: #A8D9FD !important;
	color: #4F4F4F !important;
}
html>body #navcontainer li a { width: auto; }

.navcontainer li a:hover
{
	font-size:12px;
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #2175BC;
	color: #FFFFFF;
	width: 92%;
}
/*
* END STUFF FOR LEFT NAV
*/






/* This is for the users' options */
.option_item {
    width:210px;
    height:120px;
    position:relative;
    float:left;
    margin:10px;
    border-width:0px;
    border-color:#000000;
    border-style:solid;
    font-size:10px;
}

/* This is to put something at the bottom right of something else */
.abs_bottom_right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align:left;
}

/* These are notices to our users */
.center_me {
    text-align: center;
    min-width: 830px;
}

.candor {
    padding: 1em;
    font-size: 14px;
    text-align: left;
    margin-left: auto;
    margin-right:auto;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    width: 415px;
    border: solid 5px #6b8eae;
    }
 

/* This is the menu at the bottom of the page */
#copyright {
    clear: both;
    color: #6B8EAE;
    background: url('/images/background/bottom-nav.jpg') ! important;
    background-repeat:repeat;
    min-height:132px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    display:block;
    text-align: center;
    border-top: 1px solid #6B8EAE;
    border-bottom: 1px solid white;
    }
#copyright-content {
	width:900px;
	position:relative;
	margin: 0 auto;
	}
#copyright-content a{
	color: #6B8EAE;	
}
	
/* the new main page services feature */
#main-page-college-search {
 	width:150px;
 	height:15px;
 	font-size:.8em;
 }
#main-page-content {
	width:940px;
}
#fadediv {
	padding-left:5px;
	padding-top:5px;	
}

#main-page-features-wrapper {
	width:753px;
	min-height:422px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:4px;
	float:right;
	background:url('/images/background/main-page-content-gradient.png');
	background-repeat:no-repeat;
}

.main-page-features {
	width:515px;
	height:auto;
	min-height:650px;
	float:right;
	margin:0px;
}
.main-page-features li{
	margin-top:4px;
}
#main-page-navigator {
	width:227px;
	float:right;
	padding:0px;
	margin:0px;
}
#left-bar-content {
	width:170px;
	float:right;
	margin-right:5px;
	margin-top:23px;
}
.main-page-button {
	width:227px;
	height:47px;
	background:url('/images/buttons/main-page-navigator-button.png');
	text-align:center;
	margin:0px;
	clear:both;
}

.main-page-button p {
	line-height:47px;	
	margin:0px;
}

.activeSlide { 
	width:227px;
	height:47px;
	background: url('/images/buttons/main-page-navigator-button-selected.png') ! important; 
	color:#e5e3e3;
	text-decoration: none;
}
.the-nav-buttons a {
	color:#ffffff ! important;
}
.main-page-button a {
	font-size:1.5em;
	line-height:47px;	
	margin:0px;
	text-decoration: none;
	color:#ffffff;
	outline: none;
	display:block;
	line-height:47px;
}

.main-page-button a:hover {
	font-size:1.5em;
	line-height:47px;	
	margin:0px;
	text-decoration: none;
	color:#ffffff;
	background:transparent;
	outline: none;
	
}
.main-page-button a:visited {
	font-size:1.5em;
	line-height:47px;	
	margin:0px;
	 text-decoration: none;
	 color:#ffffff;
	background:transparent;
}
.main-page-button a:active {
	font-size:1.5em;
	line-height:47px;	
	margin:0px;
	 text-decoration: none;
	 color:#ffffff;
	background:transparent;
}

.sign-up {
	font-size:1.35em;
	color:#ffffff ! important;
}
.sign-up a {
	color:#ffffff ! important;
}
#services {
	color:#313535 ! important;
	font-size:1.8em !important;
	font-weight:550;
	line-height:47px;	
	margin:0px;
}

#password-password {
    height:25px;
    width:225px;
    font-size:18px;
    color:#6F6F6F;
    display:none;
}
	
#password-password1 {
    height:25px;
    width:225px;
    font-size:18px;
    color:#6F6F6F;
    display:none;
}
.main-page-validation {
	margin-top: 4px;
	margin-left: 9px;
	position: absolute;
	padding-left:20px;
	width: 200px;
	height: 30px;
	background-repeat:no-repeat;
}

.main-page-signup-inputs {
    height:25px;
    width:225px;
    font-size:18px;
    color:#6F6F6F;
}
.main-page-feature-list {
	padding-left:5px; 
	margin-top:2px;
}
#main-page-signup-button {
	margin-top:5px; 
	background-image:url('../images/buttons/sign-me-up.png'); 
	border:none; 
	width:262px; 
	height:59px; 
	cursor:pointer;	
}
#fbc-signup-button {
	margin-top:5px; 
	background-image:url('../images/buttons/register_continue.png'); 
	border:none; 
	width:266px; 
	height:50px; 
	cursor:pointer;	
}
.focusField{  
	border:solid 2px #73A6FF;  
	background:#EFF5FF;  
	color:#000;
}  
.idleField{  
	background:#EEE;  
	color: #6F6F6F;  
	border: solid 2px #DFDFDF;  
}  
#main-page-footer {
	width:900px;
	color:#BAD9F1;	
}
#main-page-footer a {
	color:#BAD9F1;
	text-decoration:none;	
}
#main-page-footer a:hover {
	color:#BAD9F1;
	text-decoration:none;	
}
#main-page-footer a:visited {
	color:#BAD9F1;
	text-decoration:none;	
}
.footer-content-box {
	width: 175px;
	height:110px;
	border: 1px;
	float:left;
	text-align:left ! important;
	font-size:12px;
	
}
/* end main page services */

#gradientHeader {
    width:100%;
    height: 80px;
    background: url(/images/background/120-header-background-gradient.png) repeat-x;
    overflow:hidden;
}
#mcHeaderRibbon {
    width:100%;
    background: #1B1C1E;
    overflow:hidden;
}
#mcHeaderRibbonContent{
	background-color: #F2F2F2 !important;
    width: 985px;
    text-align:left;
	border-bottom: solid 1px #DFDFDF; 
}
#mcHeaderRibbonContentBlueFlash{
	background-color: #a8d9fd !important;
    margin:0 auto;
    padding:0px 0px 0px 0px;
    width: 985px;
    text-align:left;
}
.mcRibbon {
	padding:0px;
	margin:0px;
    display:none;
}
.mcRibbon ul {
	margin:0px;
	padding:5px;
}
.mcRibbon li {
	font-size: 14px;
	display: inline;
	list-style: none;
	list-style-type:none;
	margin:0px;
	padding:5px 5px 0px 5px;
	border-right: none;
	
}
.mcRibbon li a {
	color:#000000;	
	text-decoration:underline;
	font-size:14px;
}
.mcRibbon li a:hover {
	text-decoration:underline;	
}
.alwaysDisplayRibbon{
	display:block !important;
}
/* This is our menu at the top of the page */
#top_menu {
    color: #ffffff;
    width:100%;
    float:left;
    }
/* This is the user-customized menu beneath.  It's only
    floated right to correct for placement problems in the
    forums. Formerly #fafada */
#user_menu {
    background: #ffffff;
    width:100%;
    float:left;
    display:block;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid black;
    }

.menu_text_box{
    margin: 0;
    padding: 0;
    float: right;
    position:relative;
}


/* And these are its sub-boxes */
.logo{
	font-weight: bolder;
    font-size:20px;
    position:absolute;
    display:inline;
    top:80px; /* Because vertical-align doesn't work */
    left:100px;
}
#logo_spacer{
    height:35px;
    margin:0px;
    padding:0px;
}

/* This is the table bgcolor for the 'View' pages */
.view {
    font-size:12px;
}

/* This formats the blog list on the 'View' pages */
.bloglist li {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #660000;
	text-decoration: none;
	background-color: #ffffff;
	text-indent: 5px;
	list-style-position: outside;
	list-style-type:none;
	text-decoration:none; 
	text-indent:0px;
	padding: 0px;
	margin:0px;
}

.bloglist ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #660000;
	text-decoration: none;
	background-color: #ffffff;
	text-indent: 5px;
	list-style-position: outside;
	list-style-type:none;
	text-decoration:none; 
	text-indent:0px;
	padding: 0px; 
	margin:0px;
}

/* These are the complementary, alternating row colors on the 'View' pages */
.style1 {
    background:#eeeefa;
    /*border: solid 1px #eeeefa;*/
    padding: 6px;
}

.style0 {
    background:#ffffff;
    padding: 6px;
}
.color1 {
    background:#eeeefa;
}
.color0 {
    background:#ffffff;
}

/* These are color settings for header and subheader cells. */
.header {
    background:#ffee77;
    font-weight:bold;
}
.bordered_box {
    border: solid 1px #000000;
    padding: 3px;
}
.subheader {
    background:#dddddd;
    font-weight:bold;
}
.subsubheader {
    background:#6b8eae;
    font-weight:bold;
    color:#ffffff;
}

input {
    font-size: 10px;
    background:#ffffff;  
    border:1px solid #95a5c6; 
}

a:link {
	color: #004276;
	}
a:visited {
	/*color: #9e5f7f;*/
	color:#666699;
	}


h1 {
	color: #000000;
	font-weight: bolder;
	font-size: 24px;
	margin: 0 0 0 0;
	}

h2 {
	color: #3b5998;
	font-weight: bolder;
	font-size: 14px;
	margin: 0 0 0 0;
    padding: 0;
    display: inline;
}

h3 { 
    border-bottom: solid 1px #6b8eae;
    margin-bottom: 4px;
    padding: 0px 0px 2px;
    font-size: 14px;
}

br {
        clear: left;
}
img {
    border:0px;
}

/* From the facebook app */ 
.submenuBar { 
	padding-bottom: 4px;
	background: #6D84B4;
	margin-top: 0px;
	font-size: 14px;
}
.submenuTabs li { 
	/*border: 1px solid #999999; */
	margin: 0pt 4px 0pt 0pt; 
	padding: 2px 10px 3px; 
	background: #95a5c6 none repeat scroll 0% 0%; 
	display: inline; 
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.submenuTabs {
	margin: 0pt; 
	padding: 5px 0pt 3px 20px; 
	list-style-image: none; 
	list-style-position: outside; 
	list-style-type: none; 
}
.submenuTabs a {
	color: #ffffff !important;
	font-weight: bold; 
	text-decoration:none;
}
.selectedTab {
	background-color: #d8dfea !important;
	text-decoration:none;
}
.selectedTab a {
	color: #3b5998 !important;
	text-decoration:none;
}

/* dropdown css */
.menuHeader {
	font-size:12px;
	color:#3f3f3f;
}
.menuHeader a:hover {
	font-size:12px;
	font-weight:bold;
	color:#3f3f3f !important;
	border:0px !important;
}
#nav a {
	font-weight: normal;
	color:#8F8F8F;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	font-size:13px;
	display: block;
	//font-weight: normal;
	//color:#8F8F8F;
	font-weight: bold;
	color:#3b5998;
	padding: 0.2em 5px;
}

#nav li li a:hover {
	padding: 0.2em 5px;
	border-width: 0 5px;
	//color:#d2d3d4;
	color:#f2f3f4;
}
#nav ul ul li {
	width: 10em;
}

#nav li {
	color: #8F8F8F;
	float: left;
	position: relative;
	width: 10em;
	text-align: left;
	cursor: default;
	border-width: 1px 0;
	z-index:1;
	list-style-type:none; 
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: url(../images/page-elements/rounded-dropdown2.gif) bottom left no-repeat;
	padding: .1em 0 1em 0em;
	margin: 0 0 0 0;
	z-index:1;
	width:10em;
	border-right: .1em solid #A8D9FD;
	list-style-type:none; 
}

#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	z-index:1;
	display: inline;
	width: 10em;
	text-align: left;
	cursor: default;
	border-right: .1em solid #A8D9FD;
	list-style-type:none; 
}

#nav li.sfhover {
}


#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	border: 0;
	list-style-type:none; 
	z-index:1
}

#nav li:hover ul, li.over ul {
	display: block;
}

/*================== SPACERS ===========================*/
.spacer_15 {
	height:15px;	
}
.spacer_20 {
	height: 20px;
}
.spacer_25 {
	height: 25px;
}
.spacer_30 {
	height: 30px;
}
.spacer_35 {
	height: 35px;
}
.spacer_95 {
	height: 45px;
}

.spacer_150 {
	height: 150px;
}
.spacer_200 {
	height: 200px;
}
.spacer_300 {
	height: 300px;
}