@charset "utf-8";

/* CSS file for Undergraduate Admissions specific web pages   */

.blue {
  background: #f7f8fa top right repeat-y url(/template/images/bkgd_featureblue.jpg);
}

.blue .gradient{
  position: absolute;
  top:0;
  right:0;
  width:205px;
  height:519px;
  background: transparent top left no-repeat url(/template/images/gradient_featureblue.jpg);
  z-index:0;
}


.orange {
  display: inline;
  color:#e7721d;
}

.white {
  display: inline;
  color:#fff;
}


#feature {
  padding:25px 24px;
  background-color:#f7f8fa;
  min-height:650px;
  height:auto !important;
  height:650px;
  position: relative;
}



#feature.blue {
  background: #f7f8fa top right repeat-y url(../images/bkgd_featureblue.jpg);
}

#feature.blue .gradient{
  position: absolute;
  top:0;
  right:0;
  width:205px;
  height:519px;
  background: transparent top left no-repeat url(../images/gradient_featureblue.jpg);
  z-index:0;
}


/*  4.6 - Your Next
----------------------------------------------------------------------------------------------- */

#yournext h1 { font-size: /*1em*/ .9em; }

#yournext img { margin:/*5px 0 10px 0*/ 5px 0; }

#yournext p {
  font-size: /*.85em*/ .7em;
  line-height: /*125%*/1.55em;
}

/* NEW STYLE */
#yournext p a {
  font-weight: bold;
}

/*  4.7 - What's Next
----------------------------------------------------------------------------------------------- */

#whatsnext {
  background-color: #fff;
  border-left: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  border-right: solid 1px #ebebeb;
  padding:/*10px*/10px 12px;
  font-size: .75em;
  line-height: /*18px*/ 1.3em;
  font-weight: bold;
  color:#6d6e71;
}

h2#whatsnexthead,
h3#whatsnexthead {
  width:156px;
  height:58px;
  background:transparent top left no-repeat url(/template/images/head_whatsnext.gif);
  font-size: 1px;
  text-indent: -10000px;
  padding:0;
  margin:0;
}

#whatsnext a { color:#e7721d; }


/* Version for column*/

#whatsnextcolumn {
  clear:right;
  float:right;
  width:156px;
  margin:12px -217px 24px 24px;
}



/* Version for column*/

#askwillycolumn {
  clear:right;
  float:right;
  width:136px;
  margin:0 -217px 0 0;
  height:207px;
  padding: 15px 0 0 20px;
  background: transparent top left no-repeat url(/template/images/bkgd_askwillycolumn.gif);
  text-align:right;
  position: relative;
}


#askwillycolumn h2 { 
  font-size:.85em;
  text-transform: uppercase;
  padding:0 30px 10px 0;
  margin:0;
  text-align: left;
  border:none;
}

#askwillycolumn textarea.askwillysearchfield {
  background:none;
  font-size:.75em;
  border:none;
  width:105px;
  height:90px;
  padding:5px;
  font-family: Arial, helvetica, sans-serif;
  margin-right:25px;
  position: absolute;
  top:85px;
  left:20px;
  overflow:auto;
}

#askwillycolumn input.askwillysearchbutton {
  width:13px;
  height:13px;
  position: absolute;
  z-index: 100;
  right:25px;
  bottom:40px;
}





/*  4.10 - Styles specific to "visit" template
----------------------------------------------------------------------------------------------- */


#section .visitdetail h2 {
  font-size:.95em;
  padding:/*8px 0 18px 0*/ 8px 0 15px 0;
  border-top: solid 1px #dddddf;
  color:#e97623;
  margin-top:15px;
}

#section .visitdetail p,
#section .visitdetail li {
  font-size:.85em;
  line-height: /*140%*/ 155%;
  padding-bottom:8px;
}

#section .visitdetail li {
  list-style: disc;
  margin-left:35px;
}

#section .visitdetail p,
#section .visitdetail ul {
  padding-bottom:12px;
}

#section .visitdetail a {
  color:#e97623;
  font-weight:bold;
}

#section .visitdetail #tourinset {
  float:left;
  background-color:#ffc82e;
  width:376px;
  padding-left:20px;
  min-height:212px;
  height:auto !important;
  height:212px;
  margin:20px 0 20px -240px;
  border-right: solid 24px #f9fafb;
  position:relative;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}

#section .visitdetail #tourinset img {
  float:right;
  margin-left:20px;
}

#section .visitdetail #tourinset h3 {
  padding-top:20px;
  font-size: .8em;
  line-height:125%;
}

#section .visitdetail #tourinset p {
  font-size: .7em;
  padding-bottom:0;
}

#section .visitdetail #tourinset a {
  color:#333;
}


/* Overrided */
#whatsnextcolumn{ position:relative; margin-right:40px;z-index:100; }
#whatsnext p{font-size:12px;}
#askwillycolumn{ position:relative; margin-right:40px;z-index:100;}
#askwillycolumn h2{font-size:10px;}



/*  4.9 - Program detail on "bridge" template
----------------------------------------------------------------------------------------------- */

#section .programdetail {
  margin-top: 10px;
}

#section .programdetail h2 {
  font-size:1em;
  font-weight:normal;
  padding-bottom:/*18px*/25px;
}

#section .programdetail p,
#section .programdetail li {
  font-size:.85em;
  line-height: /*135%*/ 155%;
  padding-bottom:12px;
}

#section .programdetail li {
  list-style: disc;
  margin-left:35px;
}

#section .programdetail p,
#section .programdetail ul {
  padding-bottom:12px;
}

#section .programdetail a {
  color:#e97623;
  font-weight:bold;
}

#section .contact_links {
  float:right;
  width:314px;
  margin:0 -217px 12px 24px;
  position:relative;
}

#section .contact_links,
#section .contact_links a {
  color:#fff;
  font-weight: normal;
}
#section .contact_links img {
  border-top: solid 1px #f7f8fa;
}

#section .contact_links .cl_contact {
  background: #cb5b05 top left repeat-x url(/template/images/bkgd_contactus.jpg);
  padding:12px;
  width:133px;
  float:left;
  border-right: solid 1px #f7f8fa;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}

#section .contact_links .cl_contact h3 {
  text-transform: uppercase;
  color: #f9d8c1;
  font-size: .8em;
}

#section .contact_links .cl_contact p {
  font-size: .65em;
  padding-top:6px;
  line-height: 155%;
}

#section .contact_links .cl_links {
  background: #626d8b top left repeat-x url(/template/images/bkgd_helpfullinks.jpg);
  padding:12px;
  width:132px;
  float:left;
}

#section .contact_links .cl_links h3 {
  text-transform: uppercase;
  color: #d6dbe5;
  font-size: .8em;
}

#section .contact_links .cl_links ul {
  padding:6px 0 0 0;
}

#section .contact_links .cl_links li {
  list-style: none;
  font-size: .65em;
  margin-left:0;
  padding-bottom: 6px;
  line-height: 155%;
}

.topTen { 
float:right;
 font-size:.75em; 
margin-right:20px;
 padding:3px; 
border:solid 1px #ccc; 
background-color:#F9F1A9; 
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
   } 

.topTen a { text-decoration: none;color:#333333; } 
.topTen a:hover { color:#d1620d; }