/* CSS Document */

body { font-family:Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif;font-size:14px;font-style:normal;line-height:20px;color:#000000;background-color:#2774ae;margin:0; }

/*  Links  */


a:active { color:#2774ae;text-decoration:underline;}
a:hover { color:#2774ae;text-decoration:underline; }

/*  header,body classes  */
.uclaLogo {
    max-height:24px;
    max-width:74px;
    margin:10px 0;
}

.navTop {
    margin-bottom:5px;
}
.navTop>li>a {
    font-size:.85em;
    color:#fff;
    text-decoration: none;
    padding:10px;
}
.navTop>li>a:hover {
    color:#2774ae;
}
.navFooter>li>a {
    color:#fff;
    text-decoration: none;
    padding:10px;
}
.navFooter>li>a:hover {
    color:#2774ae;
}
.navBar>ul>li>a {
    padding:2px 2px 5px 2px;
    text-decoration: none;
}
.navBar {
    border-left: 2px solid #cccccc;
}

.navButton {
    position:absolute;
    top: 25px;
    right: 0;
    font-size: 2em;
    color:#2774ae;
    padding:5px;
    border: 1px solid #2774ae;
    border-radius: 3px;
}

.navButton:hover {
    color: #fff;
    background-color: #2774ae;
}

.mainContainer { background-color:#ffffff;min-height:850px;border:1px solid #455a86; }

.nav-area { margin:10px 20px;padding:0;border-bottom:8px solid #cccccc; }

.cmeLogo {
    margin-top: 25px;
    margin-right:10px;
    max-width: 150px;
    height: auto;
}

.dgsomLogo {
    margin-top: 20px;
    max-width:170px;
    height:auto;
}

.mainNav {
    padding:10px 0 10px 0;
    border-bottom: 8px solid #cccccc;
    margin: 0 10px 20px 0;
}





.clear { clear:both; }

/* Helper Classes */
.cmeBanner {
xpadding:0;
}

.cmeHeader.control-label {
    padding-bottom: 10px;
    font-weight: 600;
}


.cmeHeader {
    background-color: #005587;
    border-radius:3px;
    padding: 5px;
    color:#ffffff;
}

.cmeHeader-large {
    font-size: 18px;
    line-height: 24px;
}


.cmeHeader-darkest {
    background-color: #003B5C;
}

.cmeHeader-darker {
    background-color: #005587;
}

.cmeHeader-lighter {
    background-color: #8BB8E8;
    color:#000000;

}

.cmeHeader-lightest {
    background-color: #C3D7EE;
    color:#000000;
}

.cmeHeader-gold {
    background-color: #FFD100;
    color: #003B5C;
}

.cmeHeader-darkest-gold {
    background-color: #FFB81C;
    color:#000000;
}

.cmeHeader-darker-gold {
    background-color: #FFC72C;
    color: #003B5C;
}

/*  Lists  */

ul { list-style-position:inside;list-style-type:disc;margin:5px 0;padding:0px 10px; }
li { margin:0;padding:0; }


/* Headers */

h1 { font-size: 22px;font-weight:normal;color:#005587;line-height:28px;margin:12px 0 0 0;border-bottom:2px solid #3d4b5e; }
h2 { font-size: 20px;font-weight:normal;color:#005587;line-height:24px;margin:10px 0 0 0; }
h3 { font-size: 18px;font-weight:normal;color:#005587;line-height:22px;margin:10px 0 0 0; }
h4 { font-size: 14px;font-weight:bold;color:#333333;line-height:20px;margin:10px 0 0 0;text-transform:uppercase; }
h5 { font-size: 13px;font-weight:bold;color:#333333;line-height:18px;margin:10px 0 0 0; }


/*  buttons and forms  */

.input { border:1px solid #000033; background:#ebfdee; } 
.input:hover { border:1px solid #000099; background:#ebfdee; }
.button { border:1px solid #000033; background:#ccffff; } 
.button:hover { border:1px solid #000033; background:#00ccff; }

.inputtext { border:1px solid #000033; background:#ebfdee; }
.inputtext:hover { border:1px solid #000099; background:#ebfdee; }


/*  survey styles  */

.cs_input_error { color:#fb1010;;padding:0px;font-weight:bold; }


/*  xowiki  */

#wikicmds { margin:0; }
#wikicmds a { padding:2px 10px; }
#wikicmds a:link { background-color:#ff3600;color:#ffffff; }
#wikicmds a:visited { background-color:#ff3600;color:#ffffff; }
#wikicmds a:active { background-color:#bb2d07;color:#ffffff; }
#wikicmds a:hover { background-color:#bb2d07;color:#ffffff; }

.xowiki-content .item-footer { border:none;border:collapse; }


/*  homepage  */

.join { margin:10px 0; }
.join-hdr { background-color:#1b2d3d;color:#ffffff;padding:8px 15px;font-weight:bold;font-size:16px; }
.join-body { background-color:#cfdbed;color:#333333;padding:10px 15px 20px 15px;min-height:200px; }

.protocol { margin:10px 0; }
.protocol-hdr { background-color:#999999;color:#000000;padding:8px 15px;font-weight:bold;font-size:16px; }
.protocol-body { background-color:#eeeeee;color:#000000;padding:10px 15px 20px 15px;min-height:200px; }


/*  intranet portlet styles  */

.portlet-nb .portlet-header { font-size:14px;padding:0 0 0 10px;height:25px; }
.portlet-nb .portlet-header em { font-size:14px; }
.portlet-nb .portlet-header em span { font-size:14px; }
.portlet-nb .portlet-header em span a { font-weight:bold;font-size:14px; }
.portlet-nb .portlet-header em span a:link { text-decoration:none; }
.portlet-nb .portlet-header em span a:visited { text-decoration:none; }
.portlet-nb .portlet-header em span a:active { text-decoration:none; }
.portlet-nb .portlet-header em span a:hover { text-decoration:none; }

.portlet-nb .portlet-content { padding:0 10px; }

/* CSS added by PRB 1/17/13 */

.policies li {margin-bottom:5px;}
.policies ul {list-style-type:square;}
.pagecontent p {line-height:1.3em;}
.pagecontent li {line-height:1.5em;}
.pagecontent h3 {text-decoration:underline;}
.pagecontent {width:95%;margin: 10px auto;}
  
.ltdisplay {margin:10px;width:25%;float:right;border:2px solid #546993;background:#f8efb9 url('images/boxbg2.png') no-repeat 0 0;}
.tblcon {line-height:115%;font-weight:700;}
.goalexample {width:80%;margin-left:30px;}
.example {width:80%;margin:0 auto;font-style:italic;text-indent:15px;}
.policy {margin-top:0;}
.toc {list-style-type:none;}
.coverpg { margin: 20px auto;text-align:center; }

@media print{
  .tblprint {width:760;}
  .noprint {display:none;}
  .pagecontent {width:100%;margin:0;font-size:80%;}
  h1 {font-size:100%;}
}






.gsample ul a:hover {margin-bottom:-1px;border-left:solid 1px rgb(170,170,170);border-bottom:solid 1px rgb(170,170,170);opacity:.6;filter:alpha(opacity=60);}
.gsample ul a {display:block;width:170px;height:155px;margin-left:50px;}
.gsample {margin:10px 0 20px 0;}
.gsample li {margin-right:5px;float:left;padding:0;width:120:height:90px;}
.gsample ul {list-style-type:none;margin:10px 0 20px 5px;padding:0;}}
.gsample div {border-bottom:solid 1px rgb(204,204,204);margin-bottom:10px;}

/* Clear Fix */



.cf:after {clear:both;}
.cf:before, .cf:after {content: " "; display:table;}

/**For IE 6/7 only triggers hasLayout and contain floats*/
.cf {*zoom: 1;}

/**Basic CSS Media Query Template
 * ------------------------------------------
 *  Responsive Grid Media Queries - 1280, 1024, 768, 480
 *   1280-1024   - desktop (default grid)
 *   1024-768    - tablet landscape
 *   768-480     - tablet 
 *   480-less    - phone landscape & smaller
 * --------------------------------------------
 */
@media all and (min-width: 1024px) and (max-width: 1280px) { }

@media all and (min-width: 768px) and (max-width: 1024px) { }

@media all and (min-width: 480px) and (max-width: 768px) { }

@media all and (max-width: 480px) { 
    .dgsomLogo, .cmeLogo {max-width:95%;}
    .dgsomLogo {margin-top:25px;}
}