/*		STANDARD HTML ELEMENTS		*/
html, body,div{	margin: 0;	padding: 0;   }
img{	border: none;}
li{margin-bottom:10px;}
h1, h2, h3{margin:0 0 10px 0; padding:0; color:#888;}
h1{font-size: 1.5em;}
h2{font-size: 1.3em;}
h3{font-size: 1em;}

 /* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
 body,pre{font-family:   Arial, sans-serif; color:  #555;text-align: left;
font-size:    x-small;         /* false value for WinIE4/5 */
voice-family: "\"}\"";       /* trick WinIE4/5 into thinking rule is over */
voice-family: inherit;      /* recover from trick */
 font-size:  small;;    /* intended value for better browsers */
 }

/*	NAVIGATION	*/
#divSkipNav{ display:none;background-color : #CCC; color : #000; font-weight: bold;  text-align :center;  border-top: solid 1px #FFF;border-left: solid 1px #FFF;border-right: solid 1px #666;border-bottom: solid 1px #666; padding: 3px 0 3px 0;}

/* CONTENT */
#content {	font-size: 1em; line-height: 1.3em;}
#content a{color: #006;text-decoration: underline;}
#content a:hover{color: #060;text-decoration: underline;}

.clear{	overflow: visible; width: 100%;clear: both; }
.clearR{	overflow: visible; width: 100%;clear: right; }
.smallPrint{font-size: .8em; color:#666;}

/*	IMAGES   */
.imgThumb,  .imgFull{ border: solid 1px #AAA; background-color: #FFF; padding: 5px;}
.aThumb, .object {	display:block;}
.aThumb .imgThumb:hover{	background-color: #FFFF9B;  }


/*      SIDEBARS       */
#sideBar, #mediaViewer,   #mediaViewer2{  background: #FAFAFA;  border: solid 1px #EAEAEA; float: right;   margin:   0  0 20px 20px;  text-align:left;  }
#sideBar,   #mediaViewer,   #mediaViewer2{     font-size: .85em;  padding:0  ; text-align:left;  width:300px;   line-height: 1.2;    }
#mediaViewer,   #mediaViewer2{  text-align : center;}


/*  UNITS       */

.unit{	   text-align: left; padding: 0;  ;  margin:  5px 0;}
#sideBar .unit{	   text-align: left; padding: 0;  ;  margin: 0 0 8px 0;}
.unitContent .aThumb, .unitContent .object{	   text-align: center !important;}
.unit .itemImg{ margin-top:5px;}

.unitTitle, .imgTitle{text-align: center;font-weight: bold; font-size: 1.1em; background-color : #DDD;    padding: 2px 0 ; margin: 0 0 3px 0;;}
.unitPrompt{   font-size:.85em; font-weight: bold; text-align:center;  color: #444; padding: 5px 10px ;  margin: 3px 0 	;}
.unitReaders{  text-align:center;  padding: 0 ;  margin: 3px 0 	;}
.unitContent ,#sideBar .imgText{  text-align: left;  padding: 5px ;  margin: 0 	;}

.unitIcon{clear: both;  padding: 0 ; text-align: left;}
.unitIcon .unitTitle{ }
.unitIcon img{display: block; float:left; height:40px; padding:5px 0 0 0; margin: 0 20px 0 0; vertical-align: middle; }
.unitIcon a{  padding:15px 0 0 5px;   }



/*		LINKS	*/
.aNewWin, .aDownload, .aIntLink, .aMoreLink, .aBackLink, .aMail, .aDownLink, .aPageLink{
color: #006; background-repeat : no-repeat;  zoom:1; font-weight: bold;
}



.item{	   text-align: left; padding: 2px 5px;  ;  margin:  5px 0;}
.itemTitle {  font-weight: bold; margin:0 0 3px 0; }
.imgThumb{ margin: 0 5px;}
.divItemText{margin:0; padding:0;}
.unitIcon{ text-align:center;}

.imgIcon{margin:0 auto 5px auto; width:40px; }
hr{ width: 90% ; height: 1px; border-top: none; }

/*		TABLE MEDIA 		*/
#mediaTable{ width: 98%; padding: 0  ; text-align:center; margin: 10px auto;  clear: right;  border-collapse : collapse; }
#mediaTable .cellItem, #mediaTable .cellBlank{	padding:0;  vertical-align : top; text-align:center; }
#mediaTable .cellItem {	border:solid 1px #DDD; background-color : #FAFAFA; padding-top: 5px;}
#mediaTable .cellSpacerV{	font-size: 2px; padding: 5px; }
#mediaTable .cellSpacerH{	font-size: 2px; padding: 0px;}
#mediaTable .unit{	margin:0; padding:0; text-align:center; ;}
#mediaTable .unitTitle,  #mediaTable .divImgTitle{	font-weight: bold; margin:  0 	; padding:0;background-color : #EEE; margin-bottom:5px; }
#mediaTable img{   }
#mediaTable .unitPrompt{	font-weight:bold;    text-align: center; padding: 0  ;  font-size:.85em; margin: 0 0  5px 0;}
#mediaTable .unitContent{	font-size: .95em; margin-left: 10px; }

 /*		MEDIA ROWS 		*/
#mediaRows{overflow: hidden;  }
#mediaRows .unit{	margin:0 0 20px 0; padding:0; clear:right; ;}
#mediaRows .unitTitle,  #mediaRows .divImgTitle{	font-weight: bold; margin:  0 	; padding:0;background-color : #EEE; margin-bottom:5px; }
#mediaRows .unitImg{ float:right;	margin: 0 0 10px 10px;  }

/*	MEDIA VIEWER		*/
#mediaViewer  #mvMainImg, #mediaViewer2 #mvMainImg{	 filter: alpha(opacity=100);	-moz-opacity:1;}
#mediaViewer #mvMainTitle, #mediaViewer2 #mvMainTitle{	text-align : center; font-weight: bold; padding: 2px 3px;line-height: 1.2em !important;  }
#mediaViewer #mvMainText, #mediaViewer2 #mvMainTitle{	font-size: .85em; text-align : center; font-weight: normal;  padding: 0 3px;  }
#mvStop{ background: transparent  url('http://www.maryroseschool.info/scms_4.1/style/images/ssStop.gif') no-repeat center center; display:block; width:18px;  height:16px; background-color : transparent;}
#mvPlay{ background: transparent  url('http://www.maryroseschool.info/scms_4.1/style/images/ssPlay.gif') no-repeat center center; display:block; width:18px;  height:16px; background-color : transparent;}
#mvBack{ background: transparent  url('http://www.maryroseschool.info/scms_4.1/style/images/mvPrev.gif') no-repeat center center; display:block; width:18px;  height:16px; background-color : transparent;}
#mvNext{background: transparent  url('http://www.maryroseschool.info/scms_4.1/style/images/mvNext.gif') no-repeat center center;  display:block; width:18px; height:16px;}
#mvBack:hover, #mvNext:hover,#mvStop:hover, #mvPlay:hover{ background-color : #AAA !important; }
#mvPrompt{font-size: .85em; color: #666;}
#mvNumLinks{ line-height: 1.8;}
.mvNumLink, .mvNumLinkA{font-size: 9pt;  background-color:  #002142 !important; color: #FFF!important; text-decoration: none!important; padding:0 2px; margin:0 1px; }
.mvNumLinkA{ background-color:  #9394FF !important;  }
.mvNumLink:hover{ background-color:  #00478A!important ; text-decoration: underline !important;  }
#mediaViewer a:hover, #mediaViewer2 a:hover{	background-color: transparent  ;}
#mediaViewer  .imgLarge, #mediaViewer2  .imgLarge{width: 250px;   filter: alpha(opacity=100);	-moz-opacity:1; }
#mediaViewer  #mvBlocks{margin:5px auto; }
#mediaViewer  #blockTable_1{margin:10px auto; }
#mediaViewer  #blockTable_1 table {  margin:0 auto; }
#mediaViewer  .blockImg{width: 80px; margin: 2px}
#mediaViewer  .blockTitle{ font-size: .75em;}

/* NEW MMV LAYOUT   */
#ivContainer{ width:100%; height: auto; text-align: center; overflow: hidden;}
#ivContainer img{margin: 0 auto; display:block;}

#ivNav{text-align: center; margin: 5px auto;  padding: 0 3px; }
#ivPager{}
.ivPagerLink, #ivPlay, #ivPause, #ivNext, #ivPrev{ line-height: 1.4em;  height: 1em; width:1em; padding:0 1px; margin: 0 1px; background: #CACACA; color: #333 ; text-decoration: none !important}
.ivPagerLink:hover{text-decoration: underline !important}
#ivPrev:after {  font-size: 12px; font-weight: bold; content: "<";}
#ivNext:after { font-size: 12px; font-weight: bold;  content: ">";}
#ivPlay{ }
#ivPlay:after { font-size: 12px; font-weight: bold;  content:">>"}
#ivPager .activeSlide, .ivShowing {background: #555 !important; color: #FFF !important;  }
.ivPlaying {background: #555 !important; color: #FFF !important;  }
.ivPlaying::after { content:"<>"!important;    }
.ivContent{ height: auto; width:100%;margin:0 auto; text-align:center; }
.ivTitle, .ivCaption{margin: 5px; }
.ivTitle{font-weight: bold }
#ivNav li.activeLI { background: #ff8 }
.ivCaption{ }
#ivPrompt{ text-align: center; color:#666; }
#ivPreview{
	position:absolute; top:120px; left:10px;z-index:500;
    border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}
/*	GRID LAYOUT	*/
.grid{	 border-collapse : collapse;  width:98%; margin:0 auto;}
.grid td{	 vertical-align: top; text-align:center; padding:5px; background: #EAEAEA;  width:32%;}
.aIntLink{  word-wrap:break-word !important ;  }
.grid td .cellUnit{	 }
.grid  .spacer{background: transparent;;	 width:1%; }
.grid td .cellTitle{ font-weight:bold;	 }
.grid td .cellInfo{ font-size: .85em;margin: 0 0 5px 0;  }

/*      TABLE VIEWER    */
#tvIndex #tvIndexIntro{margin-bottom:20px;}
.tvSearchHighlight{ background: #FFA; color:#000; font-weight: bold; padding: 2px;}
.tvTagLinks{ margin: 10px 0; text-align:center;}
#tvTagSelected{ border: solid 3px  #999; ; font-weight: bold; padding: 2px 3px;}
#tvLeftPane{width:48%; float:left;}
#tvRightPane{width:48%; float:right;}
.tvPaneHead{ background: #EEE; font-weight: bold; padding: 5px  ;margin : 10px 0;}

 /*			TABLE ROW DATA		*/
.divItemRow{   margin: 0 0 20px 0; border:solid 1px #DDD;  padding: 0 0 10px 0 ; clear: right;background: #FAFAFA;  }
.divItemRow .divImages,  .divItemRow .divImagesR {  float: right; margin: 5px  0  0 10px;   }

.pRowGroup, .rowGroupHead{ margin-top: 25px;	font-size: 1.1em; padding: 0 0 0  3px; border-bottom: solid 1px #DDD; font-weight: bold;  letter-spacing: 1px;  }
.pRowHead{	 font-size: 1em;  font-weight: bold; ;background: #F0F0F0;  border-bottom: solid  1px #DDD ;
 margin: 0 0 7px 0  ;  padding: 2px 10px;}
.pRowInfo{	  font-size: .85em;  margin:0; padding: 2px 0; font-weight: bold; }

.pRowContent, .rowContent, .pComment{margin:5px 0; padding: 2px 10px; }
.pComment{	font-style : italic;}
.pRow{margin: 5px 0; padding: 5px 5px 0 0;   }
#pRowHighlight, #rowHighlight{ background-color : #FFFFA6 !important;  }
.pRowFoot, .pRowFooter{	  margin: 10px 0 0 0; background: #F0F0F0; padding: 2px 8px;  }
.pRowClear{	 display: inline-block; clear:both; margin:0; padding:0;;}
.divUpdated, .divUpdatedRecent{font-size: .9em; font-weight: bold;}
.divUpdatedRecent{ color: #990000;;}
.divItemRow .aMoreLink{ display:block; float: right; }

.divPageNav{	margin-top: 20px;	padding: 5px 0 5px 0; color: #111;	background-color: #EEE;	 font-size: 1em;	text-align: center;}
.divPageNav a{ border: solid 1px #333; background-color: #FFF; padding: 0 3px 2px 3px; text-decoration : none;}
.divPageNav   .current{ background-color: Yellow !important; }

.headSelect, #queryBox{	margin:  10px 0;	padding: 5px ;border: solid 1px #DDD; color: #111;  width:98%;	font-size: 1em;	 }
.headSelect .selectText{	margin: 8px 0 ;  }
.headSelect .divSeperator{	border: none ;   background-color : #CCC ; 	  height: 1px; width: 90%; margin: 4px auto 8px auto; }

 #readers, .divReaders{overflow: hidden; margin:10px; font-size:.85em; border: solid 1px #CCC; background: #EEE;padding: 10px;}

/* SQUARE TAB MENUS */
#tabMenu{ margin: 20px 0;} /*Container */
.tabMenu{padding:0;line-height: 1.6em;   border-bottom: solid 1px #CCC; clear:right; background: #DDD;   }
.tabMenu ul{    list-style: none;padding: 0;margin: 0; }
.tabMenu li{  display: inline; background : none !important; margin:  0  ;  line-height: 1.5em; padding: 0 !important;;   text-align : center;   }
.tabMenu a{ margin:0;  line-height: 1.5em;   margin:0 ;  padding: 5px 10px !important;    }
.tabMenu  .tabSelected  {   }
.tabMenu  .tabSelected a{padding-bottom:5px !important; background:#FFF; text-decoration: none;  color:#000; border: solid 1px #CCC; border-bottom:none; }
.tabMenu  span{ margin:  0 1px 0  0  ;  background:  ; }
.tabMenu  span{ padding: 5px 5px 6px 5px  !important;}
.tabMenu  span{ *padding: 6px 5px 5px 5px  !important;}	/* IE ONLY */
.tabMenu  .tabSelected span{ background:    ; }
#tabMenu1{ margin:0; background: #DDD;  }
#tabMenu1 .tabSelected a{  background: #EEE;  }
#tabMenu2{  margin:0;  background: #EEE; border-left: solid 1px #CCC; border-right: solid 1px #CCC; }

 #slideShow{margin-bottom: 10px; padding-top: 5px;background: #EAEAEA;  }
#tblSSControls{	font-size: 8pt;; background-color : #333;  color: #DDD; border-top: solid 1px #AAA; border-bottom: solid 1px #333; }
#tblSSControls td{	 empty-cells : show; text-align:center; border-left: solid 1px #AAA; border-right: solid 1px #333;  padding: 2px 0px 2px 0px;  height: 20px;}
.aSSFirst, .aSSBack, .aSSPlay, .aSSStop, .aSSNext{padding-left: 14px; background-repeat : no-repeat;background-color : transparent; color: #DDD !important; text-decoration: none;}
.aSSFirst{  background-image : url(http://www.maryroseschool.info/scms_4.1/style/images/ssFirst.gif); }
.aSSBack{ background-image : url(http://www.maryroseschool.info/scms_4.1/style/images/ssBack.gif); }
.aSSPlay{  background-image : url(http://www.maryroseschool.info/scms_4.1/style/images/ssPlay.gif);   padding: 0 14px 0 0; background-position : right;  }
.aSSStop{ background-image : url(http://www.maryroseschool.info/scms_4.1/style/images/ssStop.gif);   padding: 0 14px 0 0; background-position : right;    }
.aSSNext{ background-image : url(http://www.maryroseschool.info/scms_4.1/style/images/ssNext.gif); padding: 0 14px 0 0; background-position : right;  }
#ssSelect{ font-size: .85em;}
#tblSSControls a:hover{	text-decoration: underline;}
#divSSCaption{ height: 25px; overflow : hidden;
}

 /* FLASH SLIDESHOWS*/
#flashSlideshowI{ }
.flashSlideshowV{	 width:340px; float:right; height:400px; margin: 0 0 20px 20px;  }
.flashSlideshowH{ position:relative;	 width:100%; height:200px; margin:0 auto  10px auto ; border: solid 4px #FFF; z-index:200;  }

/*  JQ Reveals  */
.jqTogSwitch{ cursor: pointer;   }

/* TAG LAYOUT DEFAULTS */
.tagYouTube{ text-align:center;  overflow:hidden; margin:10px auto;}

.dataTable{width:100%; margin:10px 0; overflow: auto;  border-collapse: collapse}
.dataTable th{padding: 2px; background: #DDD; text-align:left;}
.dataTable td{padding: 2px; text-align:left;}
.dataTable .trOdd{ background: #FAFAFA;}
.dataTable .trEven{ background: #EEE;}
.inlineForms{margin: 20px 0;}
.inlineForms form{display: inline;}
.aPageTarget{text-decoration: none !important}