/*//// Testing for image data view///*/

#FrontGalleryWindow  #imageView{ background:#fff; padding:10px; overflow:auto;}
#FrontGalleryWindow img.image { height: 100px; width: 100px; margin: 5px; padding: 3px; border: 1px solid white; }
#FrontGalleryWindow img.over { border: 1px solid #ccc; }
#FrontGalleryWindow img.selected { border: 1px solid red; }




/*////   Listable   ////*/

.editOptions {display:none;}

.noDecor	{text-decoration:none}

.groupLevel { padding:5px; border:#CCC 1px solid; margin-top:5px; }
.groupName h4 {font-size:1.2em;}
.groupContainer { margin-bottom:5px; }
.groupName { padding:5px; }
.groupName ul	{margin:0px; padding:0px; list-style:none;}
.groupName li	{ padding-left:15px; margin:4px 0px;}
.groupName li	 a.darkColor:link, .groupName li	 a.darkColor:active{text-decoration:none; font-size:9px; color:#333;}
.groupName li	 a.darkColor:hover, .groupName li	 a.darkColor:visited{text-decoration:none; font-size:9px; color:#666;}

.schemeNeutral{background:#DDD;}
.schemeLight{ background:#DDF; }
.schemeDark{ background:#23A; color:#FFF; }

.imgContainer { background: url('/common/images/loading/blue-rect.gif') center center no-repeat; height:105px; width:108px; border:1px solid #999; float:left; padding:2px; margin:2px; color:#666; text-align:center;}
.imgContainer span {display:block;}
.imgContainer .photo {width:100px;}

.albumContainer { height:165px;border:1px solid #999; float:left; padding:2px; margin:2px; color:#666; background:#fff; text-align:center;}
.albumContainer span {display:block;}
.albumContainer .photo {width:100px;}
.lightview:link, .lightview:active{color:#666;}

.author{ float:right; }
.staffLinks{ position:absolute; right:7px; top:13px; }
.staffLink{ position:absolute; right:7px; top:5px; }

.calendarHelpTitle {background: url(../images/cal/calendarIcon.png) 8px 8px no-repeat; padding: 14px 0 0 56px; font-size: 11px;}
.dialogHelpTitle {background: url(../images/cal/blue_edit.gif) 12px 8px no-repeat; padding: 14px 0 0 56px; font-size: 11px;}
.dialogHelpTitleUpdate {font-size: 11px;}


.classUser {  border:1px solid #ccc; float:left; padding:15px 10px; margin:5px 10px; }
.classContent { border:1px solid #ddd; }
.classTopContent {margin:0; padding:0;}

.classDetails{margin-left:5px; border:2px solid #CCC; width:330px; height:226px; overflow:hidden; }
.classDetails h3{background:#CCC; text-align:center; font-size:1.1em; padding:2px 0;}
.classDetails p{padding:3px 5px;}

#usrCalendar{padding:0; float:right; margin:0;}
#usrCalendarProfile{padding:0 0 0 5px; float:right; width:45%; }
.childBox a.rssAIcon {margin:0; padding:0; padding-bottom:2px; padding-left:20px; width:25px;}
.childBox a.rssAIcon:hover {margin:0; padding:0; padding-bottom:2px; padding-left:20px; width:25px; color:#39c; font-weight:normal;}
.childBox {vertical-align:top; padding:10px; }
.childBox h3 { border-bottom:1px solid #FFF; padding-bottom:3px; margin-bottom:3px; }
.childBox ul{ margin:0; padding:0; }
.childBox ul li a{ padding-left:0; color:#23A; }
.childBox ul li a:hover{ padding-left:0; color:#39c; font-weight:normal;  }
.childBox .postedon{ display:block; padding-left:5px; color:#333; font-size:.8em; font-weight:bold; }
.childBoxInner {padding: 0 6px 6px;}
.childBoxInner {padding: 0 6px 6px;}
.childBoxline {border-top: 1px solid #ccc; margin-top: 6px; padding-top: 6px;}
.infoBoxSplit {background: url(/common/images/bgLine.jpg) center top repeat-y; margin: -6px -10px; padding: 10px 0;}


.roundbox{ padding:5px 10px; margin:5px; background:#F5F5F5; border:1px solid #ccc; -moz-border-radius: 5px; position:relative; }
.boxheight { height:42px;} 
.roundbox .lightborder{ float:left; border:2px solid #999; }
.bigCenterText { text-align:center; font-size:1.5em; }

.boxheight  span{ font-weight:bold; padding-left:5px; }
.boxheight  .dataPadder{ float:left; padding:0 0 0 15px; }

.roundbox img{ vertical-align:bottom; }
.smallgrey{ font-size:11px; color:#666; }
.roundbox a{ text-decoration:none; padding:6px 3px 2px 4px; color:#333; }
.roundbox a:hover{ color:#23A; }
.roundLink a:hover{ background:#ECECFF; -moz-border-radius: 5px; }

.red { color:red; font-size:.9em; padding:5px 0px 0px 25px; }
.green { color:green; font-size:.9em; padding:5px 0px 0px 25px; } 

.addHeading{ 	padding:10px;	margin:15px; 	background:#DDF; 	border:1px solid #ccc; 	-moz-border-radius: 5px; 	width:150px;}

.tabItem{border-bottom:1px dotted #ddd; padding:5px 5px; margin:10px 0px; position:relative;}
.tabItemTitle{font-weight:bold; font-size:1.2em; text-transform:capitalize; padding-bottom:3px;}
.tabItemDate{font-weight:bold; color:#666; font-size:.8em; padding-left:5px;}
.tabItemData{padding:2px 0 0 5px;}

.hmkContainer{border-left:6px solid #ddd; padding:0px 2px;}
.hmkItem {clear:both; margin:5px 3px; padding: 5px; background-color:#EBF3FA; border: 1px solid #ccc;} 
.hmkDate{display: block; font-size:1.2em; padding:2px;}
.hmkAdd {font-size: .7em; font-weight:normal;	margin: 0; padding: 0;}
.hmkItem {font-size:1.0em;	font-weight: bold; text-transform:capitalize;}
.hmkData {font-size: .9em;	 padding: 10px 0;}
.hmkData a {font-weight: bold; font-size: 0.8em;}
.duedate {font-size: .9em;	font-weight:bold;}
.miniTitle {	text-transform:capitalize;	font-size: 1.2em;	padding: 0px;}

.schoolContainer {padding:10px;}
.schoolImage {float:left; padding:10px; margin-right:35px; background: url(../images/gradient-bg.jpg) top left repeat-x;	  }
.schoolInfo {float:left; margin-right:10px;}

#sortlist {margin: 0 auto;	margin: 20px 0px;	text-align:center;}  
#sortlist .sort_item  {float:left; position:relative;	}
#sortlist .sort_item  img.sorting {float: left;	padding: 3px;}  
#sortlist .sort_item  img.sorting:hover {float: left; padding: 3px; cursor: move;}  
#sortlist .sort_item  .imageEdit {display: none;}
#sortlist .sort_item:hover .imageEdit {display:inline; position:absolute; right:0; bottom:2px; background:#FFF; width:105px; padding:3px 0px;}
#sortlist .sort_item:hover .imageEdit .editBox span{display:none;}
#sortlist .sort_item:hover .imageEdit .editBox a{padding:2px 15px; text-decoration:none;}
#sortlist .sort_item:hover .imageEdit .editBox a:hover{background:#DDF; -moz-border-radius:2px;}

#tabContainer div  ul{padding:0; margin:0;}
#tabContainer div  ul li{list-style:none;}


#scopetable{overflow:auto;}
#scopetable table{table-layout:fixed;}
#scopelist table {border-top:1px solid #e5eff8; border-right:1px solid #e5eff8; margin:1em auto;}
#scopelist  td { color:#678197; line-height: 1.6; margin-bottom: 1.429em; border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8; padding:.3em 1em; text-align:center;}

#scopelist tr .subject{font-weight:bold; text-align:center;}
#scopelist tr .subject a{display:block; padding:2px 5px; font-size:.8em; text-decoration:none;}
#scopelist tr .subject:hover   a{display:block; padding:2px 5px; font-size:.8em; text-decoration:none;}
#scopelist tr .subject:hover  a:hover{background:#46d; color:#fff; -moz-border-radius:2px; }
#scopelist tr .subject:first-child{font-weight:bold; padding:2px 5px;}
#scopelist tr .month{font-weight:normal; vertical-align:top;}
#scopelist tr .month  a{float:right; display:block; clear:both;  padding:5px; text-decoration:none; padding:2px 5px; font-size:.8em; float:right;}
#scopelist tr .month:hover a:hover{background:#46d; color:#fff; -moz-border-radius:2px;}
#scopelist tr td.month:first-child{font-weight:bold; vertical-align:center; font-size:1.2em; padding:2px 5px; }

#scopelist  tr.odd td {background:#f7fbff;}
#scopelist tr.odd .month {background:#EDF5FE;}
#scopelist .month {background:#f9fcfe;}
#scopelist tr td.month:hover {background:#D9EAFD}
#scopelist tr th.subject h3 {padding:0.03em 0; font-size:17px;}
#scopelist tr th.subject a.subject_edit_links:hover {display:inline-block;}
#scopelist tr th.subject a.subject_edit_links{display:inline-block;}

#portal .whitebox .newsItem h3{background:none; font-size:13px; font-weight:bold;}

/* testing for the new system*/
.cat_item{display:block; padding:10px; width:100%; background:#fff; border:1px solid #666; color:#333; font-weight:bold; font-size:14px; }
.cat_item li{color:#666; list-style:none; padding:0 15px; font-weight:bold; font-size:12px; display:list-item; background:none; border:none;}
.data_item {font-weight:bold; list-style:none; padding:0 15px;}


#goto_login_as .x-btn-text {font-weight: bold;}
.newFeature {color: #c00;}
p.updateMessage {font-size: 15px; text-align: center; padding: 10px;}
p.updateSubMessage {font-size: 13px; padding: 5px 0 0;}
p.updateJumpMessage {font-size: 13px; text-align: center;}
ul.updateMessage {padding: 0 0 0 20px;}
ul.updateMessage li {list-style: disc; font-size: 13px;}