/********************************************************
 * VISIBILITY
 *******************************************************/

.not-basic,
.only-webkit,
.only-full {
	display: none;
}

/********************************************************
 * GLOBAL
 *******************************************************/

body, html {
    border: 0;
    margin: 0;
    padding: 0;
}

body { font:100%/1.25 Arial, Helvetica, sans-serif; font-size: .95em; }

html, body, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, ol, p, ul, center, dir, hr, menu, pre { display: block; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }

h1 { font-size: 1.2em; font-weight: bold; }

h2 { font-size: 1.2em; font-weight: normal; }

h3 { font-size: 1.2em; font-weight: bold; }

h4 { font-size: 1.1em; font-weight: bold; }

h5 { font-size: 1.1em; font-weight: normal; }

h6 { font-size: 1em; font-weight: bold; }

a { text-decoration: none; }

.center { text-align: center !important; margin-left: auto; margin-right: auto; }

.align-left { text-align: left !important; }

.align-right { text-align: right !important; }

.clear { width: 100%; clear: both; float: none !important; height: 1px; }

p {
    display: block;
}

.smallprint {
    font-weight: normal;
    font-size: 90%;
}

body {
    background-color: #ddd;
}

a {
    color: #000000;
}

p a,
p a:visited {
    color: #2685bb;
    border-bottom: 1px solid #cccccc;
}

p a:hover {
    border-bottom: none;
}

ol, form {
    padding: 0;
    margin: 0;
}

input {
     border: 1px solid #cccccc;
     padding: 4px;
}

/********************************************************
 * HEADER
 *******************************************************/

#header {
	background: #536895 url(img/header-bg.png) repeat-x;
	height: 35px;

}

#header img {
    border: none;
    float: left;
}

#header span {
    float: left;
    color: #ffffff;
    padding: 7px 0 0 5px;
    font-weight: normal;
    font-size: .9em;
}

#header span a {
    color: #ffffff;
}

/********************************************************
 * HEADINGS
 *******************************************************/

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    display: block;
}

/********************************************************
 * MENUS
 *******************************************************/

/*-------------------------------------------------
  Headings
  ------------------------------------------------*/

.menu-full {
    width: 100%;
 }

.menu-full > h1 {
    background: #efefef;
    color: #000;
    margin: 0;
    padding: .4em 0 .4em 0;
    text-align: center;
}

.menu-full li > p {
    margin: 0;
    font-weight: normal;
}

.menu-full > h1.light {
    background-color: #f6f6f6;
    color: #555;
}

.menu-full > h1.blue {
    background-color: #809FE2;
    color: #fff;
}

.menu-full a h4 {
    color: #2685bb;
}

.menu-full a:hover h4,
.menu-full a:focus h4,
.menu-full a:active h4 {
    color: #494D69;
}

.menu-full > h1,
.menu-full > h4 {
    padding: 0;
    margin: 0;
}

.menu-full a h4 {
    color: #1e6a95;
}
.menu-full a:hover h4,
.menu-full a:focus h4,
.menu-full a:active h4 {
    color: #494D69;
}

.menu-full p {
    color: #000;
    margin-top: 0;
}
.menu-detailed p {
    color: #555;
}

/*-------------------------------------------------
Lists
------------------------------------------------*/
.menu-full li {
    font-size: 1.25em;
    background-color: #FFF;
    text-align: center;
    border: 1px #dddddd;
    border-style: solid none none none;
}

.menu-full ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu-detailed li {
    font-size: 1em;
    text-align: left;
}

.menu-detailed li a, .menu-detailed li p
{
    padding: .6em 2em .6em .6em;
}

.menu-button a {
    color: #000000;
}


/********************************************************
 * LISTS
 *******************************************************/

.front-page li, .menu-full li {
    font-weight: bold;
}

li .smallprint {
    color: #666666;
}

li a, li p {
    display: block;
    padding: .6em 2em;
}

li a {
    color: #2685bb;
    border: none;
}

/********************************************************
 * BUTTONS
 *******************************************************/

a.button-full, div.button-full {
    width: auto;
    display: block;
}

a.button-full, div.button-full a{
    display: block;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    padding: .4em;
}

a.button-full:hover,
a.button-full:focus,
a.button-full:active,
div.button-full a:hover,
div.button-full a:focus,
div.button-full a:active{
	color: #000000;
}

/********************************************************
 * FORMS
 *******************************************************/

form.form-full {
    background-color: #fff;
    padding-bottom: 10px;
}

form.form-full > h1 {
    background: #efefef;
    color: #000;
    margin: 0 0 10px 0;
    padding: .4em 0 .4em 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

form.form-full > h1.light {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
}

form.form-full > h1,
form.form-full > input,
form.form-full > select,
form.form-full > textarea,
form.form-full > label,
form.form-full > p,
form.form-full > div {
    width: 100%;
    display: block;
    border: 0;
}

form.form-full > p {
    padding: 4px 8px;
    width: auto;
    color: #444;
}

form.form-full > label {
    font-size: .85em;
    text-align: center;
    color: #777;
}

form.form-full > input,
form.form-full > select,
form.form-full > textarea {
    font-size: .95em;
    background-color: #f1f1f1;
    margin: 0 auto 10px auto;
    width: 80%;
    border: 1px solid #bbb;
}

form.form-full > input {
    text-align: center;
}

form.form-full > textarea {
    height: 4em;
    line-height: 1.6em;
}

form.form-full > input[type=submit],
form.form-full > input[type=reset] {
    background-color: #eee;
    font-weight: bold;
    color: #1e6a95;
}

form.form-full > input[type=submit]:active,
form.form-full > input[type=reset]:active,
form.form-full > input[type=submit]:focus,
form.form-full > input[type=reset]:focus,
form.form-full > input[type=submit]:hover,
form.form-full > input[type=reset]:hover {
    background-color: #f6f6f6;
    color: #2685bb;
}


/********************************************************
 * CONTENT
 *******************************************************/

/*-------------------------------------------------
  Headings
  ------------------------------------------------*/


.content-full > h1,
.content-full > h4
.content-elements > h1,
.content-elements > h4 {
    padding: 0;
    margin: 0;
}

 .content-elements p, .content-full p {
    margin: 0;
}

.content-elements, .content-full {
    width: 100%;
    line-height: 1.35em;
}

.content-elements > *, .content-full > * {
    background-color: #FFF;
    border-bottom: 1px solid #dddddd;
    padding: .6em;
}

.content-elements > h1, .content-full > h1 {
    background-color: #efefef;
    color: #000;
    padding: .4em 0 .4em 0;
    margin: 0;
    text-align: center;
}

.content-elements > h1.light, .content-full > h1.light {
    background-color: #f6f6f6;
    color: #555;
}

.content-elements > h1.blue, .content-full > h1.blue {
    background-color: #809FE2;
    color: #fff;
}

.content-elements > * h1, .content-full > * h1,
.content-elements > * h4, .content-full > * h4 {
    margin-bottom: 0;
}

.content-elements > h4, .content-full > h4 {
    padding: .1em;
}

.content-button a {
    color: #000000;
    font-weight: bold;
}

.content-button a .label {
    color: #777;
    font-weight: bold;
}


/*-------------------------------------------------
  Breadcrumbs
  ------------------------------------------------*/

#breadcrumbs {
    padding: 5px 0;
    margin-left: 15px;
    font-size: .9em;
    font-weight: bold;
}

#breadcrumbs a {
    text-decoration: none;
    color: #000000;
}

/*-------------------------------------------------
  General
  ------------------------------------------------*/
.content-elements, .content-full {
    margin: 0;
}

.content-elements div ol, .content-full div ol {
    margin: 0 1.5em;
    position: relative;
}

.content-elements > * p, .content-full > * p {
    margin-bottom: .5em;
}

/********************************************************
 * FOOTER
 *******************************************************/

#footer {
	font-size: 80%;
	padding: 1em;
	text-align: center;
}

#footer,
#footer a,
#footer a:visited,
#footer a:hover {
	color: #666666;
}

#footer a,
#footer a:visited {
	text-decoration: none;
	border-bottom: 1px solid #666666;
}

#footer a:hover {
	border-bottom: none;
}

/********************************************************
 * PREVIEW MODE
 *******************************************************/

#desktop-preview-menu {
    padding: 3px 10px;
    background-color: #fff;
    border-bottom: 1px solid #000;
}

#desktop-preview-menu h1 {
    color: #000000;
    font-size: 12px;
    padding: 0;
    margin: 0;
    padding-top: 1px;
    float: left;
}

#desktop-preview-menu div.options {
    font-size: 12px;
    float: right;
}

/********************************************************
 * FRONT PAGE
 *******************************************************/
body.front-page h1#header {
	background: #536895 url(img/header-front-page-bg.png) repeat-x;
	height: 50px;
}
body.front-page h1#header img {
	float: none;
}
body.front-page h1#header span {
	display: none;
}/* ucb-default-basic
 *
 *
 *
 */
#header {
	background: #383a7a  url(img/berkeley_header-bg.png) repeat-x;
	height: 35px;
	border-bottom: 3px solid #ebb71b;
} 

body.front-page h1#header {
	background: #383a7a  url(img/berkeley_header-front-page-bg.png) repeat-x;
}

a {
    color: #000000;
}
p a,
p a:visited {
    color: #000000;
    border-bottom: 1px solid #cccccc;
}

.menu-full a h4 {
		color: #000000;
	}
	
.menu-button a {
		color: #000000;
}

li a {
		color: #000000;
		border: none;
}

a.button-full,
div.button-full a {
	color: #000000;
} 

a.button-full:hover,
a.button-full:focus,
a.button-full:active,
div.button-full a:hover,
div.button-full a:focus,
div.button-full a:active{
	color: #000000;
}

form.form-full > input[type=submit]:active,
form.form-full > input[type=reset]:active,
form.form-full > input[type=submit]:focus,
form.form-full > input[type=reset]:focus,
form.form-full > input[type=submit]:hover,
form.form-full > input[type=reset]:hover {
    background-color: #f6f6f6;
	color: #000000;
}

.content-button a {
	color: #000000;
	font-weight: bold;
}

#breadcrumbs a {
	text-decoration: none;
	color: #000000;
}

.footer-item-divider:after
{
	content:" | ";
	padding: 0% 1.5% 0% 1.5%;
}

/*-------------------------------------------------
  Headings
  ------------------------------------------------

.menu-full > h2 {
    background: #efefef;
    color: #000;
    margin: 0;
    padding: .4em 0 .4em 0;
    text-align: center;
}

.menu-full > h2.light {
    background-color: #f6f6f6;
    color: #555;
}

.menu-full > h2.blue {
    background-color: #809FE2;
    color: #fff;
}

h2 { font-size: 1.2em; font-weight: bold; } *//* Filename: default-touch.css
 *
 */

.not-basic,
.not-webkit,
.not-full {
	display: block;
}

.basic-only,
.only-basic,
.only-webkit
.only-full {
    display: none;
}

#header {
    border-bottom: 3px solid #fff;
}

/* default-touch-main
 *
 * Description:
 *
 *   -Global
 *   -Header
 *   -Headings
 *   -Menus
 *   -Lists
 *   -Buttons
 *   -Content
 *
 *
 */

/********************************************************
 * MENUS
 *******************************************************/

/*-------------------------------------------------
  Headings
  ------------------------------------------------*/
.menu-full > h1 {
        padding: .4em;
}

.menu-full > h1 {
	 border: 1px #dddddd;
	 border-style: solid none none none;
}

/*-------------------------------------------------
  Lists
  ------------------------------------------------*/

.menu-full li a:hover,
.menu-full li a:focus,
.menu-full li a:active {
        background-color: #eaf2fa;
}

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

.menu-padded > * {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.menu-padded > *:first-child,
.menu-padded .menu-first {
    margin-top: 10px !important;
}

.menu-padded > *:first-child,
.menu-padded .menu-first {
	border-top: none !important;
}

.menu-padded a:last-child li,
.menu-padded > *:last-child,
.menu-padded .menu-last {
	border-bottom: none !important;
}

/********************************************************
 * LISTS
 *******************************************************/

.menu-full li a {
	 background:url(img/list-arrow.png) no-repeat 95% center; /* Controls menu items */
}

/********************************************************
 * BUTTONS
 *******************************************************/

a#button-top {
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    /* box model attributes -- should be a total together of 35 px height */
    height: 16px !important;
    line-height: 16px;
    margin: 4px 10px 7px 0;
	padding: 4px 8px 4px 8px;
    max-width: 85px;
    /* decoration */
    border: 1px solid #bbb;
    font-size: 12px !important;
    -webkit-box-shadow: none;
    background-color: #000000;
    color: #000000;
    font-weight: bold;
}

a#button-top:hover,
a#button-top:active,
a#button-top:focus{
    background-color: #000000 !important;
    color: #000000;
}

a.button-full {
	padding: .6em;
	margin: 0;
}

a.button-full.button-padded,
div.button-full.button-padded{
	margin-top: 10px;
}

a.button-full.button-padded {
	margin: 10px 10px 0 10px;
}

div.button-full {
    display: block;
    position: relative !important;
    height: 2.45em;
    width: 100%;
    overflow: hidden;
}

div.button-full a,
div.button-full a.button-light {
    position: absolute;
    width: auto;
    border-left: 1px solid #aaa !important;
    overflow: hidden;
    white-space:  nowrap;
    padding: .4em 0 .4em 0;
}

div.button-full a:first-child,
div.button-full a.button-first {
    border-left: 0 !important;
    right: 50%;
    width: 50%;
}

div.button-full a:last-child,
div.button-full a.button-last {
    left: 50%;
    width: 50%;
}

div.button-full a:first-child:last-child,
div.button-full a.button-first.button-last
{
    width: 100%;
    left: 0;
    right: 0;
}

div.button-full.button-padded a:first-child,
div.button-full.button-padded a.button-first {
    left: 10px;
    width: auto;
}

div.button-full.button-padded a:last-child,
div.button-full.button-padded a.button-last {
    right: 10px;
    width: auto;
}

a#button-top,
a.button-full.button-padded,
div.button-full.button-padded a:first-child,
div.button-full.button-padded a.button-first {
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-bottomleft: .5em;
}

a#button-top,
a.button-full.button-padded,
div.button-full.button-padded a:last-child,
div.button-full.button-padded a.button-last {
	-moz-border-radius-topright: .5em;
	-moz-border-radius-bottomright: .5em;
}

a.button-full,
div.button-full a {
	background-color: #000000;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	border: none;
}

a.button-full:hover,
a.button-full:focus,
a.button-full:active,
div.button-full a:hover,
div.button-full a:focus,
div.button-full a:active,
a.button-full.button-light:hover,
a.button-full.button-light:focus,
a.button-full.button-light:active,
div.button-full a.button-light:hover,
div.button-full a.button-light:focus,
div.button-full a.button-light:active {
	background-color: #000000 !important;
	color: #000000;
}

a.button-full.button-light,
div.button-full a.button-light,
div.button-full.button-light a {
	background-color: #000000;
	color: #000000;
}

.button-next {
	padding: 10px 0px 10px 65px;
	background:url(img/button-next.png) no-repeat center;
}

.button-previous {
	padding: 10px 0px 10px 65px;
	background:url(img/button-previous.png) no-repeat center;
}

.button-next span,
.button-previous span {
    display: none;
}

.tour-buttons {
    padding: 12px 10px 15px 10px;
}

#search-button, #search-button-by-date {
        background: url(img/button-search.png) no-repeat;
        width: 60px;
        height: 25px;
        border: 0;
        padding: 0;
        margin: 0;
        text-indent:-9999px;
}
#go-button {
        background: url(img/button-go.png) no-repeat;
        width: 30px;
        height: 25px;
		border: 0;
        padding: 0;
        margin: 0;
        text-indent:-9999px;
}
/********************************************************
 * FORM
 *******************************************************/

form.form-padded {
    margin: 10px 10px 0 10px;
    width: auto;
}

form.form-padded {
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;
	-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-bottomright: .5em;
}

form.form-full > input,
form.form-full > textarea,
form.form-full > select {
    box-shadow:inset 0 0 3px #bbb;
    -moz-box-shadow:inset 0 0 3px #bbb;
}

form.form-full > input[type=submit],
form.form-full > input[type=reset] {
    box-shadow:none;
    -moz-box-shadow:none;
}

/********************************************************
 * CONTENT
 *******************************************************/

/*-------------------------------------------------
  Headings
  ------------------------------------------------*/
.content-elements > h1, .content-full > h1,
.content-elements > h4, .content-full > h4 {
        padding: .4em;
        margin: 0;
        text-align: center;
}

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

.content-padded > * {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.content-padded {
    width: 100%;
}

.content-padded > *:first-child,
.content-padded .content-first {
    margin-top: 10px !important;
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;
}

.content-padded > *:last-child,
.content-padded .content-last {
	-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-bottomright: .5em;
}

.content-padded > *:first-child,
.content-padded .content-first {
	border-top: none !important;
}

.content-padded > *:last-child,
.content-padded .content-last {
	border-bottom: none !important;
}

.content-elements h1.light, .content-full h1.light {
	 border: 1px #dddddd;
	 border-style: solid none none none;
}

/* default-touch-frontpage
 *
 * Description: Controls the stylings for m.ucla.edu
 *
 *   -Global
 *   -Header
 *   -Menus
 *   -Footer
 *
 *
 */

/********************************************************
 * MENUS
 *******************************************************/

.front-page .menu-front li a{
    padding: 1.2em;
}


/* ucb-default-touch
 *
 *
 *
 */

a.button-full,
div.button-full a {
	background-color: #000000 ;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	border: none;
}

a.button-full:hover,
a.button-full:focus,
a.button-full:active,
div.button-full a:hover,
div.button-full a:focus,
div.button-full a:active,
a.button-full.button-light:hover,
a.button-full.button-light:focus,
a.button-full.button-light:active,
div.button-full a.button-light:hover,
div.button-full a.button-light:focus,
div.button-full a.button-light:active {
	background-color: #0000FF  !important;
	color: #fff;
}

#submit-button {
        background: url(img/button-submit.png) no-repeat;
        width: 60px;
        height: 25px;
        border: 0;
        padding: 0;
        margin: 0;
        text-indent:-9999px;
}

.front-page #news {
	background: #fff url(img/icon-news.png) no-repeat 16px center;
}

.front-page #happenings {
	background: #fff url(img/icon-events.png) no-repeat 16px center;
}

.front-page #directory {
	background: #fff url(img/icon-directory.png) no-repeat 16px center;
}
.front-page #campus-map {
	background: #fff url(img/icon-campus-map.png) no-repeat 16px center;
}

.front-page #courses {
	background: #fff url(img/icon-courses.png) no-repeat 16px center;
}

.front-page #library {
	background: #fff url(img/icon-library.png) no-repeat 16px center;
}

.front-page #sports { 
	background:#fff url(img/icon-athletics.png) no-repeat 16px center;
}
	
.front-page #social { 
	background:#fff url(img/icon-social-media.png) no-repeat 16px center; 
}

.front-page .menu-front li a{
    padding: 1.2em 1em 1.2em 4em;
}

.front-page #news a:hover,
.front-page #news a:focus {
	background: #eaf2fa url(img/icon-news.png) no-repeat 16px center;
}

.front-page #happenings a:hover,
.front-page #happenings a:focus{
	background: #eaf2fa url(img/icon-events.png) no-repeat 16px center;
}

.front-page #directory a:hover,
.front-page #directory a:focus{
	background: #eaf2fa url(img/icon-directory.png) no-repeat 16px center;
}

.front-page #campus-map a:hover,
.front-page #campus-map a:focus{
	background: #eaf2fa url(img/icon-campus-map.png) no-repeat 16px center;
}

.front-page #courses a:hover,
.front-page #courses a:focus{
	background: #eaf2fa url(img/icon-courses.png) no-repeat 16px center;
}

.front-page #library a:hover,
.front-page #library a:focus{
	background: #eaf2fa url(img/icon-library.png) no-repeat 16px center;
}

.front-page #sports a:hover,
.front-page #sports a:focus{ 
	background:#eaf2fa url(img/icon-athletics.png) no-repeat 16px center;
}
	
.front-page #social a:hover,
.front-page #social a:focus{ 
	background:#eaf2fa url(img/icon-social-media.png) no-repeat 16px center; 
}

.front-page .menu-front li a{
    padding: 1.2em 1em 1.2em 4em;
}



#header {
	border-bottom: 3px solid #ebb71b;
} 

/*-------------------------------------------------
  Headings
  ------------------------------------------------
.menu-full > h2 {
        padding: .4em;
}

.menu-full > h2 {
	 border: 1px #dddddd;
	 border-style: solid none none none;
}

*/