/*------------------------------ Global Application Styles ------------------------------*/

* {
   padding: 0;
   margin: 0;
   outline: none;
}

.label
{
   font-weight: bold;
}

#printViewDisable {
   display: none;
}

.errorMessage
{
   color: red;
   font-weight: bold;
   padding: 2px 2px 2px 20px;
}

#logo {
   background: #ffffff;
   margin: 7px 7px 0 7px;
   float: left;
}

#studentInformation {
   float: right;
   padding: 7px;
   margin: 7px 7px 0px 7px;
   background:#EFEAEA none repeat;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

#studentInformation .studentInfo .studentName {
   font-size: 17px;
   color: #555;
   font-weight: bold;
   font-family: Palatino Linotype, Palatino,  Book Antiqua, serif;
   letter-spacing: -0.05em;
   padding: 0 0 12px 0;
}

#studentInformation .headerPhoto img {
   height: 70px;
}

#studentInformation div.headerPhoto {
   float: left;   
}

.studentInfo
{
   float: right;
   margin: 3px 9px;
}

html {
   background: #ccc;
   margin: 0;
   padding: 0;
}

body {
   background: #ccc;
   padding: 5px 8px 0 8px;
   margin: 0 auto 0 auto;
   width: 1010px;
}

#contentWrapper {
   background: transparent;
   margin: 0 auto 0 auto;
   padding: 0 8px 0 8px;
}

#content, #loading {
   background: #fff url(../images/dropShadow.gif) repeat-x top left;
   min-height: 750px;
   margin: 0;
   padding: 0 5px 5px 5px;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
}

#header {
   text-align: left;
   width: 100%;
   padding: 0 0 4px 0;
   background: #fff;
   background-image: url(../images/header_campus.gif);
}

#subheader {
   width: 100%;
   background: transparent url(../images/topNavBackgroundDark.gif) repeat-x center left;
}

/* "Headroom" for pages without context menu */
.noContextMenu {
   height: 35px;
   width: 100%;
}

h1 {
   margin: 0 15px 10px 15px;
   font-size: 30px;
   color: #555;
   font-weight: bold;
   font-family: Palatino Linotype, Palatino,  Book Antiqua, serif;
   letter-spacing: -0.05em;
}

h2 {
   margin: 0 15px 0px 15px;
   font-size: 20px;
   color: #555;
   font-weight: bold;
   font-family: Palatino Linotype, Palatino,  Book Antiqua, serif;
   letter-spacing: -0.05em;
}

h3 {
   margin: 0 15px 10px 15px;
   font-size: 20px;
   color: #555;
   font-weight: bold;
   font-family: Palatino Linotype, Palatino,  Book Antiqua, serif;
   letter-spacing: -0.05em;
}

#footer {
   background: transparent;
   text-align: center;
   font-size: 12px;
   color: #666;
   margin: 5px 0 10px 0;
   font-family: Palatino Linotype, Palatino,  Book Antiqua, serif;
}

.left {
   float: left;
}

.right {
   float: right;
}

.clear {
   clear:both;
}

.hidden {
   display:none;
}

.invisible
{
   visibility: hidden;	
}

.autocompleteContainer {
   margin: 0 15px 10px 15px;
}

#searchClassInput
{
   clear: both;
   margin: -10px 10px 10px 10px;
}

/* --------------------  Button Styles  ----------------------------- */

/* reset skin sam */
.yui-skin-sam .yui-button,
.yui-skin-sam .yui-button a,
.yui-skin-sam .yui-button button,
.yui-skin-sam .yui-button span
{
   border: 0;
   margin: 0;
   padding: 0;
   background: transparent;
}

.yui-button,
.yui-button-hover,
.button-group .yui-button,
.yui-skin-sam .yui-panel .yui-button,
.yui-skin-sam .yui-panel .yui-button-hover,
.yui-skin-sam .button-group .yui-button
{
	border: 0;
	margin: 2px;
	padding: 0;
	height: 24px;
    background: transparent url("../images/backgroundDark24h.gif") repeat-x top center;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

/* must be after .yui-button above */
.yui-button-disabled,
.button-group .yui-button-disabled,
.yui-skin-sam .yui-panel .yui-button-disabled,
.yui-skin-sam .button-group .yui-button-disabled
{
   background: transparent url("../images/backgroundGrey24h.gif") repeat-x top center;
}


.yui-panel .hd
{
   background: transparent url("../images/backgroundDark24h.gif") repeat-x top center;
   font-family: Palatino Linotype, Palatino,  Book Antiqua, serif;
   color: #ffffff;
   font-size: 1.2em;
}

.yui-panel .bd
{
   font-weight: normal;
   font-family: Palatino Linotype, Palatino,  Book Antiqua, serif;
   font-size: 1.1em;
}

.yui-panel .ft
{
   text-align: center;
}

.yui-button a,
.yui-button button,
.yui-button .resetButton,
.yui-skin-sam .yui-button a,
.yui-skin-sam .yui-button button
{
   font-size: 12px;
   color: #e7e7e7;
   border: 0;
   margin: 0;
   padding: 3px 10px;
   background: transparent;
}

/* must be after .yui-button "*" above */
.yui-button-hover a,
.yui-button-hover button,
.yui-button-hover button:hover,
.yui-skin-sam .yui-button-hover a,
.yui-skin-sam .yui-button-hover button,
.yui-skin-sam .yui-button-hover button:hover
{
   border: 0;
   color: #d4b064;
   background: transparent;
}

#paginator, #bottomPaginator
{
   margin-top: 10px;
}

#paginatorReport
{
   float: right;
   margin: 10px 15px 0 15px;
   color: #666;
   font-family:Arial,Helvetica,sans-serif;
}

.yui-pg-page, .yui-pg-first, .yui-pg-previous, .yui-pg-next, .yui-pg-last  {
  border: 1px solid #3F3E3D;
   margin: 2px 4px;
  font-size: 110%;
  font-weight: bold;
  color: #3F3E3D;
  padding: 2px 8px;
  text-decoration: none;
}

.yui-pg-current-page 
{
  background-color: #EFEAEA;
}

a.yui-pg-page:hover, a.yui-pg-first:hover, a.yui-pg-previous:hover, a.yui-pg-next:hover, a.yui-pg-last:hover  {
  background-color: #EFEAEA;
  cursor: pointer;
}

span.yui-pg-first, span.yui-pg-previous, span.yui-pg-next, span.yui-pg-last  {
 display:none
}

strong
{
   font-weight: bold;
}

em 
{
   font-style: italic;
}

.uppercase
{
	text-transform: uppercase;
}

.clickable
{
  cursor: pointer;
}

.disabledField
{
	background-color: #ddd;
}

span.logo {
   padding: 2px;
   display:inline-block;
   padding:0;
}

span#logo-env {
   font-size: 20px;
   font-variant:small-caps;
   display: inline-block;
   vertical-align: super;
   padding: 5px;
   color: white;
}

/* env specific logo settings */
span.logo-local, span.logo-dev {
   border: 5px solid green;
}
span.env-local, span.env-dev {
   background-color: green;
} 
span.logo-uat {
   border: 5px solid blue;
}
span.env-uat {
   background-color: blue;
} 
span.logo-pts {
   border: 5px solid red;
}
span.env-pts {
   background-color: red;
} 
span.logo img {
   vertical-align: text-bottom;
}