@charset "utf-8";

body {
    background-color:#123751;
    margin-top:10px;
    font-family: Trebuchet, "Dosis", Arial, Helvetica, sans-serif;
    font-size:13px;
    height:100%;
	
	font-family: 'Dosis', sans-serif;
}

strong, b {font-weight:bold;}
em, i {
    font-style:italic;
/* this is to correct an IE7 display issue.  see
   http://test.rowanw.com/elements-disappear-due-italic-text and
   http://www.satzansatz.de/cssd/onhavinglayout.html for details. */
    height: 1%;
}

a {
    color: #1866af;
    font-weight: bold;
    text-decoration: none;
    outline:none;
}
a:visited {color: #1866af;}
a:hover, a:focus {text-decoration: underline;}
a:active {outline:none;}
a:hover img, a:focus img {
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:.75;
}
/* 130227 cc - messing around with h1-6 sizes and colors */
/* 130731 cc - changing h2,h3 caps and h3 color per request */
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1, h2, h3 {color: #002244; margin: 15px 0 5px 0;}
h1 {
    font-size: 150%;
    text-transform:uppercase;
/*  font-size: 125%;*/
}
h2 {
    font-size: 130%;
/*  font-size: 110%;
    color: #1866af;*/
}
.heading h2 {font-size:110%; padding:8px 0 8px 16px; margin:0; text-transform:uppercase;}
h3 {
    font-size: 120%;
/*  font-size: 100%;
    color: #1866af;
    color: #224466; /* just a little lighter than the h1's #002244 */
}
h4 {
    font-size: 110%;
/*  color: #224466; /* just a little lighter than the h1's #002244 */
}
h5 {
    font-size: 100%;
/*  font-size: 90%;
    color: #002244;*/
}
h6 {
    font-size: 90%;
/*  font-size: 80%;*/
}

p {margin-bottom: 8px;}

th {font-weight: bold;}

/* 130227 cc */
ul {margin-top:0;}


/*****************************************
 GENERIC CLASS/ID styles
 *****************************************/
.clearfloat { 
/* this class should be placed on a div or break element and should be the final element before the 
   close of a container that should fully contain a float */
    clear: both;
    height: auto !important;
    font-size: 1px;
    line-height: 0px;
}
.clear {clear:both;}

/* 110513 cc */
.bkgd_gradient1 {
    background-image:url("../images/fondo.png"); 
    background-repeat:repeat-x;
}

.border_right {border-right:1px solid #babcbd;}
.border_rightbottom {
    border-right:1px solid #babcbd;
    border-bottom:1px solid #babcbd;
}
.border_bottom {border-bottom:1px solid #babcbd;}
.border_leftbottom {
    border-left:1px solid #babcbd;
    border-bottom:1px solid #babcbd;
}
.border_left {border-left:1px solid #babcbd;}

.border_top {border-top:1px solid #BABCBD;}
.no-borders td, .no-borders th {border:0;}

.div_hor {
    background-color:#ffde00;
    height:4px;
    width:100%;
    margin:0px auto 0px auto;
}

.nomargin { 
    margin-top:0px !important; 
    margin-bottom:0px !important; 
    margin-left:0px !important; 
    margin-right:0px !important; 
}
.nopadding { 
    padding-top:0px !important;
    padding-bottom:0px !important;
    padding-left:0px !important;
    padding-right:0px !important;
}

.hide {display:none; !important}
.show {display: inline;}

img.overlay {left:0; top:0; position:absolute;}

.fL {float: left;}
.fR {float: right;}
.aR {text-align:right;}
.aL {text-align:left;}
.TR {background-position: right top;}
.BR {background-position: right bottom;}
.TL {background-position: left top;}
.BL {background-position: left bottom;}

.color1 {background-color: #cfdbeb;}
.color2 {background-color: #d7d7d7;}
.color3 {background-color: #fcedb6;}
.color4 {background-color: #ced6c9;}

.breadcrumbs {
    font-size: 90%;
/*  text-transform:capitalize;*/
}
div.breadcrumbs {padding:8px 0; text-align:left;}
.singleColumn div.breadcrumbs {margin:0; padding:8px 16px;}

hr.buffer {height:1px; width:90%; border:0; margin:20px auto; color:#ccc; background-color:#ccc;}

.roomy li {padding-bottom:12px;}

.moreLink a {text-transform:uppercase; font-weight:bold; font-size:85%;}

.subnav a.current {color: #002244;}

div.back2top {text-align:right; margin:8px;}
.back2top a {font-size:90%; font-weight:normal; margin-left:8px;}



/*****************************************
 PAGE LAYOUT styles
 *****************************************/
div.pageWrapper {margin:0 auto; width:960px;}

div.container_body {
    position:relative;
    background-color:#FFFFFF;
    /* 120925 cc - removed padding-top for tabs 
    padding: 4px 0 10px 0;*/
    padding: 0 0 10px 0;
    /* 120925 cc - removed border-top for tabs 
    border-top: 1px solid white;*/
    /* 111118 cc - added to trigger hasLayout for IE7 */
    min-height:0;
}

/* this style is followed by an ie hack to compensate for the double margin bug */
div#col_right {
    position: relative;
    width: 228px;
    padding: 0px;
    float: right;
    margin-right: 4px;
}
html > body div#col_right {margin-right: 8px;}

div#col_center, div#col_center_expanded, div#col_left, div.singleColumn {
    position: relative;
    margin:0;
    padding-left: 8px;
    min-height: 700px;
    height: auto !important;
    height: 700px;
    background-color:#ffffff;
}

div.singleColumn {
    width: 960px;
    text-align: center;
    padding:0;
}

div#col_center {
    float: left;
    width:472px;
}

div#col_center_expanded {
    float: right;
    padding-right: 8px;
    width:800px;
}

.container_col_middle {
    margin:0;
    padding: 4px 16px;
    background-color:#F1F4F7;
}

#col_left {
    float: left;
    width:228px;
}

div.footer { 
/*  width:960px; 
    margin: 25px auto 0px auto; 
    padding-bottom:25px; */
    margin: 25px auto; 
    clear: both; 
    color: #FFFFFF; 
    text-align: center;
}
.footer a {color:#FFFFFF; font-weight:normal;}
.footer a:visited {color:#FFFFFF;}


/* 121207 cc - styles to support 2-col flex width page */
/* found this fixed/flex combo solution at http://www.pagecolumn.com/liquidfixed/2_col_fix_liquid.htm */
.flex div.pageWrapper {width:98%; clear:both;}
.flex div.container_body {float:left; width:100%;}
.flex div#col_left {margin-left:-100%;}
.flex div#col_center_expanded {width:auto; padding-bottom:20px; margin-left:240px; /* 228px column + 12px gutter */}


/*****************************************
 HEADER styles
 *****************************************/
.image_header {
    width:960px;
    margin:0px auto;
    padding:0px;
}

.long_pic {
    background-color:#FFFFFF;
    display:block;
    width:710px;
    margin-left:6px;
    border-bottom:1px solid #BABCBD;
}

.logo_header {padding-top:5px;}

.container_header_top {margin: 0 auto;}
.container_header_top table {width:100%;}
.container_header_top td {width:50%;vertical-align:middle;}

.header_top_right {
    padding:0px;
    margin:0; 
    float:right;
}
.header_top_right form {
    margin-top:0px;
    vertical-align:top;
}
.header_top_left {float:left;}

div.heading {height:35px;}


/*****************************************
 SEARCH styles
 *****************************************/
.searchEnd, .searchCenter {background-color:#002244}
.searchCorner {
    background-image:url("//www.som.uci.edu/images/searchCorners_002244.png");
    background-repeat:no-repeat;
    height:8px;
    line-height:8px;
    width:8px;
}
.searchEnd {height:20px;width:8px;}
.searchCol {float:right;}
.searchCenter {height:24px;padding: 6px 0;color:#FFFFFF;text-align:left;}
.searchCenter .textBox {height: 18px;font-size:90%;}
.searchCenter .btn_go {margin-top:2px;}

.btn_go {
    float:left;
    background-repeat:no-repeat;
    color:#FFFFFF;
    width:33px;
    height:21px;
    border:none;
    padding:0px;
    margin:0px;
}



/*****************************************
 TOPNAV styles
 *****************************************/
.nav_top {
    background-color:#002244;
    height:auto;
    /* 120925 cc - why isn't there padding on top?
    padding-top:0;
    padding-bottom:5px;*/
    padding:5px 0;
    text-align:center;
    vertical-align:middle;
    margin: 0px auto;
}

.nav_top a {
    font-family: Trebuchet, "Dosis", Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:13px;
    text-decoration:none;
    font-weight:bold;
    margin-left:60px;
    margin-right:60px;
}
.skinny a {
    margin-left: 10px;
    margin-right: 10px;
}
.nav_top a:visited {color:#FFFFFF;}
.nav_top a:hover, .nav_top a:focus {
    font-family: Trebuchet, "Dosis", Arial, Helvetica, sans-serif;
    color:#ebc754;
    font-size:13px;
    text-decoration:none;
    font-weight:bold;   
}



/*****************************************
 LEFTNAV styles
 *****************************************/
/* 110526 cc - made this file compatible with the old .glossymenu left nav code */
#navContainer, .glossymenu {
    width: 228px;
    background-color:#FFFFFF;
    border-bottom: 1px solid #babcbd;
}
#navContainer ul, .glossymenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#navContainer ul li {
    padding: 0;
    margin: 0;
/*  border-bottom: 1px solid #babcbd;*/
    list-style:none;
}
#navContainer ul li ul, .glossymenu div ul {
    margin: 0px 0px 10px 0px;
}

#navContainer ul li ul li, .glossymenu div ul li {
    border: none;
    margin-left:15px;
    margin-bottom:10px;
}
#navContainer ul li ul li a, .glossymenu div ul li a {
    font-weight: normal;
    line-height: 100%;
}
#navContainer .navTop a {
    border-top: none;
	color: #FF0000;
}

a.menuitem {
    font: bold 13px "Dosis", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color: #1866af;
    text-decoration:none;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto;
    display:block;
    border:0;
    border-top: 1px solid #babcbd;
    outline:none;
    padding:8px 15px;
}
a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
    position: absolute;
    top: 12px;
    right: 0px;
    border: none;
}


/*****************************************
 PAGE TAB styles
 *****************************************/
#tabText {
  float: left;
  background-color: #FFDE00; 
  height: 2.2em;
  padding: 0em .4em;
}
#tabText h1 {
  font-family: "Times New Roman", Times, serif;
  font-size: 160%;
  text-transform: uppercase;
  color: #002244;
  line-height: .4em;
}
#tabR, #tabL {
  background-color: #FFDE00; 
  float: left;
  width: 75px;
  height: 2.2em;
  background-image: url(//www.som.uci.edu/images/global/tab.png);
  background-repeat: no-repeat;
}
#tabR {background-position: bottom right;}
#tabL {background-position: bottom left;}


/*****************************************
 TABLE styles
 *****************************************/
table.border {border-collapse: collapse;}
table.border td, table.border th {
    border: 1px solid black;
    vertical-align: top;
    padding: 2px 4px;
}

.sortable th, .sortable td {padding:2px 6px;}
.sortable thead th {
  background-color:#CFDBEB;
  cursor: hand;
  cursor: pointer;
}
.sortable .even{background-color:#FCEDB6;}


/*****************************************
 BUTTON styles
 *****************************************/
/* MYBUTTON (CSS3) */
.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:13px;
    padding:6px 8px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}
.myButton:active {
    position:relative;
    top:1px;
}
a.myButton:visited {color:#FCEDB6;}