/* Officeworks Website Stylesheet by FirstRate - 31/10/2007*/

.maintabs {
  height: 10px;
  background-color: #fff;
  width: 100%;
  vertical-align: middle;
  padding-top: 5px;
}

.maintabs a:link, .maintabs a:visited {
	position: relative;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 9px;
	height: 11px;
	vertical-align: bottom;
	padding: 0px 6px 8px 6px;
	margin-right: 3px;
}
.maintabs a:hover {

  color: #0b3d91;
  text-decoration: none;
}

.maintabs .active:link, .maintabs .active:visited {
  border-top: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  background: #FFC000;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  height: 17px;
}

.maintabs .inactive:link, .maintabs .inactive:visited {
  border-top: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  background: #E1E6EA;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
}
.maintabs .inactive:hover {
  border-top: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  background: #A4CBE6;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

.poptabs {
  height: 23px;
  /*background-color: #fff;*/
  /*width: 289px;*/
  vertical-align: middle;
}

.poptabs a:link, .poptabs a:visited {
	position: relative;
	float: left;
	text-align: center;
	color: #ffffff;
	font-size: 10px;
	height: 24px;
	vertical-align: bottom;
	padding: 4px 6px 4px 6px;
	margin-right: 3px;
}
.poptabs a:hover {

  color: #0b3d91;
  text-decoration: none;
}

.poptabs .active:link, .poptabs .active:visited {
  border-top: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  background: #FFC000;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: none;
  height: 30px;
}

.poptabs .inactive:link, .poptabs .inactive:visited {
  border-top: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  background: #E1E6EA;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: none;
}
.poptabs .inactive:hover {
  border-top: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  background: #A4CBE6;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: none;
}
.tabtxtbold{
  font-weight: bold;
}
.bbox {
  border-bottom: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  padding: 10px;
  margin-top: 10px;
  /*background-color: transparent;*/
  background-color: #FFF;
  color: #666666;
  font-size: 11px;
}
.bluebox {
  border-bottom: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  margin-top: 0px;
  
  height: 160px;
}
.bbox p {
  font-weight: normal;
  margin: 0px;
  padding: 4px;
}

.bbox #popular2, .bbox #popular3, .bbox #popular4, .bbox #popular5{
  display: none;
}

.bbox a:link, .bbox a:visited {
  text-decoration: none;
  background-color: transparent;
  color: #0b3d91;
}
.bbox a:hover {
  background-color: transparent;
  color:#accff5;
}

a.download:link, a.download:visited{

padding: 0 5px;
text-decoration: none; 
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #fff;
background: #BDD5EC;
margin-top: 10px;
}

a.download:hover, a.download:active{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
background: #FFC000;
}

.contenttitle{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #25648D;

}

.txtpos{
margin: 0px;
padding-bottom: 3px;
}

.contenttext{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #25648D;

}

.downloadpos{

	margin: 0px;
	padding-bottom: 10px;
}




.bcontainer {
  border-bottom: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  margin-top: 10px;

  background-color: transparent;
  color: #666666;
  font-size: 11px;
}
.bluebox1 {
  border-bottom: 1px solid #BAC6CF;
  border-left: 1px solid #BAC6CF;
  border-right: 1px solid #BAC6CF;
  margin-top: 0px;

  height: 140px;
}
.bcontainer p {
  font-weight: normal;
  margin: 0px;
  padding: 4px;
}

.bcontainer #news1, .bcontainer #news2, .bcontainer #news3 {
  display: none;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .tab1content, .tab2content{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
text-align: center;
padding: 2px 0;
/*margin-left: -1px;*/
background-color: #E1E6EA;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
height: 14px;
padding-top: 4px;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
color: #FFFFFF;
background-color: #BDD5EC;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FFC000;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}