/***********

Computing Services Website Style Sheet

This style sheet allows for custom styles to be added in addition
to this global styles defined in www.uregina.ca/styles/styles.css

This style sheet defines all styles for the Compserv website, 
including the BOOTP Editor web application.

Styles for the User Manual can be found in userman.scs

Styles for the Staff Listing can be found in stafflist.css

Created by Camilo Rostoker, May 25 2004


**********/

/*--------- Basic HTML Redefinition Styles ---------*/
body, td, p { font-size: 12px; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
ul { margin-left: 30px; }
input, textarea, select { 
	color: #000000; 
	font-family: arial, verdana, sans-serif; 
	background-color: #E4E4A1; 
	border-left: 1px solid #333333; 
	border-top: 1px solid #333333; 
	border-right: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	font-size: 11px; 
}
form { display: inline; }

#header {^M
        display:  block;^M
        height: 33;^M
        background-image:       url(/img/bg/golden.gif);^M
        background-repeat:      repeat-x;^M
        border-bottom: 1px solid #000000;^M
        margin-bottom: 1px;^M
}
/* the "printer friendly" button styles */
.printerFriendly { 
	color : #666633;
	font-family: tahoma, arial, sans-serif; 
	font-size : 10px; 
	font-weight: bold; 
	text-decoration: none; 
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;				
}
.printerFriendly:hover { 
	background-color:  #669966;
	color: white;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 2px solid #000000;	
}
.printerFriendlyHeader {	
	border-bottom: 2px solid #000000;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 2px solid #000000;		
	background-color: #F6F6FA;
}
.printerFriendlyHeaderCell {
	font-size: 14px;
	font-weight: bold;
	font-family: tahoma, verdana, arial;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;	
}


/*--------- Custom Styles ---------*/


/*** Styles for the BOOTP Editor webpage ***/
.bootpmenutable {
        background-color: #ffffff;
        border: thin inset #eeeeee;
}
.bootpmenucontentx       {
        color: #ffffff;
        font-family: arial, verdana, sans-serif;
        font-weight: bold;
        font-size: 12px;
}
a.bootpmenucontentx {
        color: #ffffff;
}
a.bootpmenucontentx:visited {
        color: #ffffff;
}

.bootpmenucontent	{
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;	
}
a.bootpmenucontent {
	text-decoration: none;
	color: #000000;
	border: 1px solid #E4E4A1;
}
a.bootpmenucontent:hover {
	text-decoration: none;
	background-color: yellow;
	color: #000000;
	border-bottom: 1px solid black;
	border-top:1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.menuInfo, div.menuInfo {
	font-size: 14pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 3px solid #000000;
	border-top:2px solid #333333;
	border-left: 2px solid #333333;
	border-right: 3px solid #000000;		
	background-color: yellow;
}

/*** Styles for news/events items on main compserv page ***/
.newsItemTable		{ 
	color: #000000; 
	font-family: arial, verdana, sans-serif; 
	background-color: #F6F6FA; 
	border-left: 1px solid #333333; 
	border-top: 1px solid #333333; 
	border-right: 2px solid #000000; 
	border-bottom: 2px solid #000000; 
}
.newsItemTableTitle	{
	color: #000000;
	font-family: arial, verdana, sans-serif;
	background-color: #CCCC66;
	font-size: 13px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}
.newsItemTableBody 	{ 
	padding-left: 0px; 
	padding-right: 1px;  
	padding-top: 2px; 
	padding-bottom: 0px; 
	font-size: 11px; 
}

/*** styles for the search form fields ***/
.searchInput		{ color: #000000; font-family: arial, verdana, sans-serif; background-color: #E4E4A1; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; font-size: 10px; font-weight: bold; }
.searchInputHover	{ color: #000000; font-family: arial, verdana, sans-serif; background-color: #ffff00; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; font-size: 10px; font-weight: bold; }
.searchButton		{ color: #000000; font-family: arial, verdana, sans-serif; background-color: #E4E4A1; border-left: 1px solid #E4E4A1; border-top: 1 solid #E4E4A1; border-right: 2px solid #000000; border-bottom: 2px solid #000000; font-size: 10px; font-weight: bold; }
.searchButtonHover	{ color: #000000; font-family: arial, verdana, sans-serif; background-color: #ffff00; border-left: 1px solid #E4E4A1; border-top: 1 solid #E4E4A1; border-right: 2px solid #000000; border-bottom: 2px solid #000000; font-size: 10px; font-weight: bold; }

/*** styles for the content footer ***/
a.contentFooter		 { color : #666666; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 11px; text-decoration : none; }
a.contentFooter:hover 	 { text-decoration : underline; }
td.contentFooter { 
	height : 20px; 
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;	
	padding-left: 3px; 
	padding-right: 3px;  
	padding-top: 3px; 
	padding-bottom: 3px; 
	background-color: #FFFFFF;
}

a.footer:link		{ color : #669966; font-family : tahoma, verdana, sans-serif; font-weight : normal; font-size : 11px; font-style : normal; text-decoration : none; }
a.footer:visited	{ color : #669966; font-family : tahoma, verdana, sans-serif; font-weight : normal; font-size : 11px; font-style : normal; text-decoration : none; }
a.footer:hover		{ text-decoration : underline; }
td.footer     		{ color : #000000; font-family : tahoma, verdana, sans-serif; font-weight : normal; font-size : 11px; font-style : normal; }


/**** CoolJS Menu styles -- can overwrite global styles by uncommenting this section ***
.topOn 		       { color : #605D96; font-family : arial, verdana, sans-serif; font-weight : bold; font-size : 12px; text-decoration : none; padding: 2px 4px; text-align : center; }
.topOver	       { color : #605D96; font-family : arial, verdana, sans-serif; font-weight : bold; font-size : 12px; text-decoration : none; padding: 2px 4px; text-align : center; }
.topOn2		       { color : #605D96; font-family : arial, verdana, sans-serif; font-weight : bold; font-size : 12px; text-decoration : none; text-align : center; }
.topCenterOn       { color : #605D96; font-family : arial, verdana, sans-serif; font-weight : bold; font-size : 12px; text-decoration : none; padding : 10px 2px 2px; text-align : center; }
.topCenterOver     { color : #605D96; font-family : arial, verdana, sans-serif; font-weight : bold; font-size : 12px; text-decoration : none; padding : 10px 2px 2px; text-align : center; }
.subLevelOn        { color : #605D96; font-family : arial, verdana, sans-serif; font-weight : normal; font-size : 12px; text-decoration : none; padding-right : 4px; padding-left : 4px; }
.subLevelOver      { color : #605D96; font-family : arial, verdana, sans-serif; font-weight : normal; font-size : 12px; text-decoration : none; padding-right : 4px; padding-left : 4px; }
.sideOn            { color : #669966; font-family : arial, verdana, sans-serif; font-weight : bold; font-size : 12px; text-decoration : none; padding: 2px 8px; }
.sideOver          { color : #669966; font-family : arial, verdana, sans-serif; font-weight : bold; font-size : 12px; text-decoration : none; padding: 2px 8px; }
.portalOn          { color : #FFFFFF; font-family : arial, verdana, sans-serif; font-weight : bold; font-size : 12px; text-decoration : none; padding: 2px 8px; }
.portalOver        { color : #FFFFFF; font-family : arial, verdana, sans-serif; font-weight : bold; font-size : 12px; text-decoration : none; padding: 2px 8px; }
.subSideOn         { color : #669966; font-family : arial, verdana, sans-serif; font-size : 11px; text-decoration : none; padding : 4px 4px; }
.subSideOver       { color : #669966; font-family : arial, verdana, sans-serif; font-size : 11px; text-decoration : none; padding : 4px 4px; }
.sideMainOn        { color : #FFFFFF; font-family : arial, verdana, sans-serif; font-weight : normal; font-size : 14px; text-decoration : none; padding: 2px 8px; }
.sideMainOver      { color : #0b5230; font-family : arial, verdana, sans-serif; font-weight : normal; font-size : 14px; text-decoration : none; padding: 2px 8px; }
.subSideMainOn     { color : #FFFFFF; font-family : arial, verdana, sans-serif; font-size : 12px; text-decoration : none; padding-right : 4px; padding-left : 4px; }
.subSideMainOver   { color : #0b5230; font-family : arial, verdana, sans-serif; font-size : 12px; text-decoration : none; padding-right : 4px; padding-left : 4px; }
***/

/******** Predefined font styles for easy formatting ... these are all defined in the global
    	  styesheet but can be overridden by uncommenting the section below *************
  .Tahoma11pxBlack	 	 { color : #000000; font-family : tahoma, arial, sans-serif; font-size : 11px; }
  .Tahoma11pxBlackBold	 { color : #000000; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 11px; }
  .Tahoma11pxBlue	 	 { color : #333366; font-family : tahoma, arial, sans-serif; font-size : 11px; }
  .Tahoma11pxBlueBold	 { color : #333366; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 11px; }
  .Tahoma11pxBrown	 	 { color : #666633; font-family : tahoma, arial, sans-serif; font-size : 11px; }
  .Tahoma11pxBrownBold	 { color : #666633; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 11px; }
  .Tahoma11pxPurple	 	 { color : #605D96; font-family : tahoma, arial, sans-serif; font-size : 11px; }
  .Tahoma11pxPurpleBold	 { color : #605D96; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 11px; }
  .Tahoma11pxWhite	 	 { color : #FFFFFF; font-family : tahoma, arial, sans-serif; font-size : 11px; }
  .Tahoma11pxWhiteBold	 { color : #FFFFFF; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 11px; }
  .Tahoma12pxBlack	 	 { color : #000000; font-family : tahoma, arial, sans-serif; font-size : 12px; }
  .Tahoma12pxBlackBold	 { color : #000000; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 12px; }
  .Tahoma12pxBlue	 	 { color : #333366; font-family : tahoma, arial, sans-serif; font-size : 12px; }
  .Tahoma12pxBlueBold	 { color : #333366; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 12px; }
  .Tahoma12pxBrown	 	 { color : #666633; font-family : tahoma, arial, sans-serif; font-size : 12px; }
  .Tahoma12pxBrownBold	 { color : #666633; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 12px; }
  .Tahoma12pxPurple	 	 { color : #605D96; font-family : tahoma, arial, sans-serif; font-size : 12px; }
  .Tahoma12pxPurpleBold	 { color : #605D96; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 12px; }
  .Tahoma12pxWhite	 	 { color : #FFFFFF; font-family : tahoma, arial, sans-serif; font-size : 12px; }
  .Tahoma12pxWhiteBold	 { color : #FFFFFF; font-family : tahoma, arial, sans-serif; font-weight : bold; font-size : 12px; }
****/