/* Start of CMSMS style sheet 'sciia_box' */
/*** 
Catalogue Tool Box
***/


/* catalogue box horizontal in the top head*/
.cataloguebox_h {
  position: absolute;
  left: 50.00em;
  top: 0.43em;
  width: 22.00em; 
  height: 11em;
  border: 2px solid #444444;
  background-color: #FFD6FF;
  padding: 0.3em;
  margin: 0em;
  z-index:30;
  font-size: 0.83em;
  font-weight: bold;
  color: #666666; 
  text-decoration:none;
  border-style:outset;  
  }


/***
Content Box 
***/



.content_image {
   float: left; 
   margin: -11px 20px 20px -11px;
   z-index:11;
}

.content_box {
   position: relative; 
   border: 1px solid #444444; 
   line-height: 1.1em;
   padding: 0.3em;
   margin: 0.5em;
   z-index:31;
  border-style:outset;  

}

.content_box_none {
   position: relative; 
/*  border: 1px solid #000; */
   line-height: 1.1em;
   padding: 0.3em;
   margin: 0.5em;
   z-index:31;
  border-style:none;  

}


.font140 {  font-size: 140%; }
.font120 {  font-size: 120%; }
.font110 {  font-size: 110%; }
.font90 {  font-size: 90%; }
.font80 {  font-size: 80%; }
.font60 {  font-size: 60%; }

.box20 { width: 20%; }
.box33 { width: 33%; }
.box40 { width: 40%; }
.box50 { width: 55%; }
.box66 { width: 66%; }
.box95 { width: 95%; }

.height120 { height: 120%; line-height: 120%; }
.height80 { height: 80%; line-height: 80%; }
.height60 { height: 60%; line-height: 60%; }
.height40 { height: 60%; line-height: 40%; }

.floatr { float: right; }
.floatl { float: left; }

/* Background Colors */
.bg-pink2  {   background-color: #FF91CC; }
.bg-lightblue  {        background-color: #99ccff; }
.bg-lila {        background-color: #AAB3E1; }
.bg-rose  {   background-color: #FFF5FF; }
.bg-white {      background-color: #F9FCFF; }
.bg-pink  {        background-color: #FFD6FF; }
.bg-blue  {        background-color: #00C9F6; }
.bg-green  {        background-color: #BBBA58; }
.bg-yellow  {    background-color: #FFFF99; }


/*** 
ButtonCSS
***/


.buttoncss  {
/* margin-left: 0.1em;  */
/* set the margin left property for the div*/

}

ul.buttoncss { 
/* specify unordered list attributes like font,line height */
/* height: 2.5em; */
margin: 0em;
padding: 0em;
font-family: Arial, Helvetica, sans-serif;
/* font-size: 1.4em; */
}

li.buttoncss { 
/* specify the property for the list item in the ul like width,height,margin,list style,etc */
list-style-type: none;
/* line-height: 2.5em; */
/* width: 66%; */
/* margin: 0.1em; */
text-align: center;
}

a.buttoncss  { 
/* specify the height,width of the anchor tag attribute */
/* height: 100%; */
/* width: 100%; */
display: block;
text-decoration: none;
border-width: 5px;
text-align: center;
}

a:link.buttoncss  {
color: #000000;
font-weight: bold;
/* background-color: #FF91CC; anchor tag link bg color specification */ 
border-style: dotted;
/* can change the 3d appearance through this attribute by specifying different inputs like ridge,dashed,dotted,double…*/

}

a:visited.buttoncss {
color: #000000; /* set the font color for anchor:visited attribute*/
font-weight: normal;
/* background-color: #FF91CC; set the visited bg color */
border-style: dotted; /* anchor tag visited border effects done through this attribute */

}

a:hover.buttoncss {
font-weight: bold; /* set mouseover font size */
color: #FFFFFF; /* set mouseover font color */
background-color: #AAB3E1; /* Changing the background color on mouse over */
border-style: dotted; /* Embossed effects can adjust through this attribute*/

}

a:active.buttoncss {
font-weight: bold; /* set the font size */
color: #FFFFFF; /* set the active font color */
/* background-color: #FFFF99; set the active bg color */
border-style: dotted; /* On mouseover effects attain through this attribute */
}
/* End of 'sciia_box' */