@import url(/CSS/base.css);

/************ HTML Tags ****************/
body {
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: black;
	text-align: center;
	margin: 0 auto;
}

p {
	margin: 0em 0em .25em 0em;
	margin-top: 0em;
}

/*************** Font Color ***************/
.cs_colorGrade {
	color: #336699;
}

/*************** Link Font-Size ***************/
.cs_ntLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/**************** General Style ********/
.cs_barSolid {
	background: #336699 repeat-x;
	width: 100%;
	height: 24px;
	margin-bottom: .2em;
}
.cs_barMid {
	background-color: #336699;
	background-image: url('/images/H/common/bluebar.gif');
	background-repeat: repeat-x;
	width: 100%;
	min-height: 27px;	
}

/*********** Subject Styles *********/
#id_SubjectCat {
	margin: 0px 12px 0px 2px;
}

/*********** Preferences Styles *********/
.cs_PrefResultSlim {
	border: 3px ridge #336699;
	margin: 1.5em .5em 1.5em 2em;
	padding: 1em 0em;
}

/*********** Right Nav Styles *********/
#id_RTNavFeature {
	border-left: 1px solid #6699CC;
	border-right: 1px solid #6699CC;
	background: #D1E0F0 repeat-x;
}

/*********** Web Result Styles *********/
.cs_menuBKG {
	background: url('/images/H/webresult/menu/menu_bkg.gif') repeat-x;
	width: 100%;
	height: 18px;
	margin-bottom: 15px;
}

.cs_menuAllDefault {
	background: url('/images/H/webresult/menu/menu_bkg.gif') repeat-x;
	width: 8%;
	height: 18px;
	text-indent: 7px;
}

.cs_menuAllHlite{
 	background-image: url('/images/H/webresult/menu/menu_hilite.gif');
 	background-repeat:repeat-x; 
 	text-indent:7px; 
 	width: 8%;
 	height: 18px;
}
.cs_menulayercontain{
 	top: 0px;
 	background-color: #e5eef7; /*background color of content*/
 	color: #336699; /*text color of content*/
 	border: 1px solid #336699; /*border color*/
 	padding-left: 6px;
 	padding-right: 6px;
 	padding-top: 0px;
 	padding-bottom: 0px;
 	line-height: 18px;
 	width: 200px;
}
.cs_shadow, .cs_menulayercontain{
 	position: relative;
 	bottom: 2px;
 	right: 2px;
}
.cs_blur{
 	position: absolute;
 	background-color: #ccc; /*shadow color*/
 	color: inherit;
 	margin-left: 4px;
 	margin-top: 1px;
 	width: 200px;
}
.cs_shadow{
	background-color: #666; /*shadow color*/
 	color: inherit;
}

.cs_ReadBKGColor {
 background: #BFD5EA repeat;
}

/*********** Portfolio Styles *********/
.cs_portfolioMenu {
	background: url('/images/H/portfolio/menu/btn_portfolio_RPT.gif') repeat-x;
	width: 100%;
	height: 24px;
}
.cs_portfolioMenuText {
    border-right: 1px solid #336699;
    height: 20px;
    line-height: 20px;
}
.cs_portfolioFrame {
    background: #D1E0F0;
    height: auto;    
}
.cs_portfolioFrameBorder {
    border-left: 1px solid #336699;
    border-right: 1px solid #336699;
    padding: 2.2em .8em;
}
.cs_portfolioFooter {
   border-left: 1px solid #336699;
   background: #D1E0F0 url('/images/H/portfolio/portfolio_FrameBtmRPT.gif') repeat-x;
   height: 9px;
   line-height: 9px;
}
.cs_portfolioDialogBody {
   border-left: 1px solid #336699;
   border-right: 1px solid #336699;
   background: url('/images/H/portfolio/dialog/portfolio_dialogGrad.jpg') repeat-x top #D1E0F0;
   top: 0;
   padding: 1em .75em;
   width: 380px;
   height: auto;
}

/************** Modal *****************/
#id_modal {
   position: absolute;
   *position: relative;
   width: 100%;
   height: 100%;
   background: #336699;
   z-index: 2;
   display: block;
   -moz-opacity: 0.3;
   opacity: 0.3;
   filter:alpha(opacity=30);
}

/************** Read Aloud ************/
.cs_rAloudInput {
  color: #FFCC00;
  background-color: #5682AD;
  width: 316px;
  height: 20px;
  border: 2px ridge #999999;
  padding: 0em .3em;	
}
.cs_rAloudSelect {
  background: #BFD5EA;	
  padding: 0em;
}
.cs_rAloudSpeed {
  width:113px; 
  border-right: 1px solid #808080;	
}

/*********** Help/AdminStyles *********/
.cs_GradeFullBorder {
 border: 1px solid #336699;
}

.cs_GradeBKGColor {
 background: #D5E0F0 repeat;
}

.cs_GradeTchPaperTop {
	background: #FFFFFF repeat;	
	margin: 2em 1.5em 2em 1.5em;
	padding: 2em 1em 2em 1em;
	border: 1px solid #336699;
	border-radius: .2em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/********** Help Styles **************/
.uhTitle {
	color: #369;
	font-weight: bold;
	font-size: 16pt;
	font-family: Verdana;
}

.hpExample {
	font-size: 10pt;
	font-weight: bold;
	color: #996;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*********** 21c Styles *********/
.cs_21cBackground { 
	background: #E7EFF7;
}

span.cornerTOP, span.cornerBTM {display:block; background: #FFF;}
span.cornerTOP span, span.cornerBTM span {
	display:block;
    height: 1px;
    overflow: hidden; 
    background: #E7EFF7; 
}
span.corner1{margin: 0 5px; border-top: 1px solid #369; }
span.corner2{
	margin: 0 3px; 
	border-left: 1px solid #369;
	border-right: 1px solid #369;
}
span.corner3{
	margin: 0 2px;
    border-left: 1px solid #369;
	border-right: 1px solid #369;
}

span.cornerTOP b.corner4, b.cornerBTM b.corner4 {
	margin: 0 1px;
	height: 2px;
    border-left: 1px solid #369;
	border-right: 1px solid #369;
}
.cs_cornerContent {
    padding: 1em;	
    border-left: 1px solid #369;
	border-right: 1px solid #369;
}

.cs_21cImageLife {
	height: 46px;
	width:  200px;
	border: none;
	text-align: center;
}
.cs_21cImageLearn {
	height: 46px;
	width:  206px;
	border: none;
	text-align: center;
	padding-left: .5em;
}
.cs_21cImageICT {
	height: 46px;
	width:  200px;
	border: none;
	text-align: center;
	padding-left: .5em;
}
.cs_21cImageLifeDiv {
	height: 46px;
	width:  32%;
	border: none;
	text-align: center;
}
.cs_21cImageLearnDiv {
	height: 46px;
	width:  33%;
	border: none;
	text-align: center;
	padding-left: .5em;
}
.cs_21cImageICTDiv {
	height: 46px;
	width:  32%;
	border: none;
	text-align: center;
	padding-left: .5em;
}

/***** Email  Styles*********/
#id_portfolioEmail {
 margin: 0% 13%;
 border:1px solid #336699;
 padding: .2em;	
}
.cs_emailbkg {
	background-color:#D9E6F1;
}
/***** Image Search  Styles*********/
.cs_imgBorder{
	border: 2px solid #336699;
}

/** Famous person bar title **/
.rlTitle {
background-color:#336699;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10pt;
}