body { 
  color:#000; 
  font-family:Calibri, Arial,sans-serif; font-size:12pt; 
  background:#a8e0e7 url(images/main/bg.png) repeat-x;
}

h1,h2,h3,h4,h5 { font-family: Calibri, Arial,sans-serif, "Trebuchet MS"; }
a { color:#19afca; text-decoration:none;}
a:hover { text-decoration:underline; }
hr { margin:8px 0px; }

#netcontent { background:url(images/main/repeatCloud.jpg) repeat-x 0 30px;  }
 #lo_whole { background:url(images/main/topBanner.png) no-repeat center 40px;}
  #lo_panel { }
    #lo_main { width:986px;  }
      .main_area { background:#fff; position:relative; top:250px; display:table; }
      .main_area { border-right:3px solid #c5e4e6; border-left:3px solid #c5e4e6; padding:0px 10px; }
	.masthead_area { position:absolute; xtop:60px; top:-200px; height:0; overflow:visible; }
	.masthead2_area { display:none;  }
	.sitemenu_area { height:33px; z-index:2000; position:fixed; top:0px; left:0; background:url(images/main/topMenuBg.jpg); width:100%;}
         ul.sitemenu { float:right; margin-right:40px; }
	  .sitemenu li { height:28px; list-style:none outside none; }
          .sitemenu li:hover {  }
	  .sitemenu li.focus {  }
	  a.sitemenu { display:block; margin:0px 5px; padding:5px 5px 8px 5px;  }
	    .btn_text { }
	    .btn_left { }
	    .btn_right { }
	.masthead2_area {  }
	.content_area_wide { display:none; }
	.content_area { width:620px; min-height:650px; margin-bottom: 120px; }
	  .pagecontent_box { padding:0px!important; margin:0!important; }
	  .pageblock_box { padding:0px!important; margin:10px 0 0 0!important; }
	  .path_box { margin-bottom:1em; }
	.sidebar_area { float:left; width:330px; padding: 10px 0px 0px 10px; }
	      .layout-single_col .sidebar_area, .layout-default_wide_left .sidebar_area { padding-top:0!important; padding-right:10px; }
	  .noticeboard { }
	    .noticeboard_box .heading_ { background:url(nb_icon.png) no-repeat; padding:15px 0 15px 60px; }
	    .noticeboard_box .content_ { border:5px dashed #a29970; -moz-border-radius:6px; padding:10px; }
	  .moreinfo_box { Xbackground-color:#a0d0a8; }
	  .subpages_box { Xbackground-color:#e8c47c; }
	  .sidebar1_box { padding:0px; margin:0px; }
	  .search_box { height:24px; background:#f1f1f1; }
	    .search_box .lpad_ { background-image:url(searchbox.png); }
	    .search_box .rpad_ { background-image:url(searchbox.png); }
	    .search_box .cpad_ { background-image:url(searchbox.png); padding-left:50px; }
	    .search_box .input_ { height:20px; margin:2px 0; font-size:12px; }
	    .search_box .button_ { background:url(search_btn.png) no-repeat; width:24px; height:22px; margin:0px 3px 0 0;}
	    .Xsearch_box .button_:hover { background:url(search_btn_hl.png); }
	  .pageview_box {  }
	.footer_area { background:url(images/footer/grassRepeat.png) repeat-x; color:#FFF; font-size:80%; text-align:center; position:fixed; bottom:0; left:0; height:27px; padding:20px 0 0 0; width:100%; }
	  .footer_area .xtoy1 { background:url(images/footer/elephant.png) no-repeat; width:193px; height:106px; position:absolute; top:-74px; right:120px; }
	  .footer_area .xtoy2 { background:url(images/footer/dog.png) no-repeat; width:76px; height:91px; position:absolute; top:-55px; right:40px; }

.ive_halo { border-color:#D5D9D1!important; }

table.dropmenu td { text-align:left;  }
.dropmenu a { padding-left:5px; }

/* --------- Font --------- */

#lo_main h1 { color:#333; font-size:34px; line-height:38px; }
#lo_main h2 { color:#777; font-size:28px; line-height:30px; margin-bottom:8px;  }
#lo_main h3 { color:#777; font-size:20px; line-height:22px; margin-bottom:4px;  margin-top:4px; }
#lo_main h4 { color:#555; margin-bottom:4px; font-family:Calibri, Arial; }

.pageblock_box-header h2
    { padding-left:30px; font-weight:normal; background:no-repeat 4px; }
  .pageblock_box-header h2.collapsed_ { background-image:url(images/main/+.png); }
  .pageblock_box-header h2.expanded_ { background-image:url(images/main/_.png); }

h2 a { text-decoration:none!important; color:inherit!important; }

#lo_main .empty { text-align:left; }

#lo_main .button_ { display:inline; font-size:11pt; font-weight:bold; padding:0 8px; color:#fff; text-decoration:none; background-color:#888; border-style:none!important; cursor:pointer; }
  .PTBN_profile .button_ { background-color:#0fadda!important; }
  .PTBN_learning .button_ { background-color:#a9000b!important; }
    .PTBN_learning .button_:hover { background-color:#d4000c!important; }
  .PTBN_resources .button_ { background-color:#4d8015!important; }
    .PTBN_resources .button_:hover { background-color:#63a519!important; }
  .PTBN_collaboration .button_ { background-color:#ec960a!important; }
    .PTBN_collaboration .button_:hover { background-color:#ffab23!important; }
  #lo_main .weak_ { background-color:#888!important; }
    #lo_main .weak_:hover { background-color:#a6a6a6!important; }
  #lo_main .veryweak_ { background-color:#bbb!important; }
  #lo_main .notext_ { padding-right:0; margin-left:4px;}
  button.button_, input.button_ { font-size:10pt!important; height: 18px;}

#lo_main .person_ { font-weight:bold; padding:0 8px; text-decoration:none; cursor:pointer; }
  #lo_main .person_ img { border:0; vertical-align:bottom; }

.path_box, .path_box * { color:#a5a5a5; }
  .path_box img { vertical-align:-25%; border:0; }
  .path_box .home_ { font-weight:bold; text-decoration:none; }
.noticeboard_box .heading_ { color:#a29970; font-size:150%; font-weight:bold; }
.noticeboard_box h2 { background:none; color:inherit; }
.sitemenu li > a { color:#fff; font-weight:normal; font-size:14px; }
.sitemenu li a:hover, a.sitemenulit { color:white!important; background-color:#b80007; }
.sidebar_area { font-size:90%; margin-bottom: 120px;}

/* ------- TABLES ----------- */

.appcontent_box  th, .appcontent_box td{
	padding:4px;
}




table.ives_tab_1, table.ives_tab_2, table.ives_tab_dark
  { border:1px solid #e1e1e1; border-collapse:collapse; }
.ives_tab_1 th, .ives_tab_1 td,
.ives_tab_2 th, .ives_tab_2 td,
.ives_tab_dark th, .ives_tab_dark td,
.ives_tab_simple3 th, .ives_tab_simple3 td
  { padding:8px; }
table.ives_tab_1 th { 
	background-color:#fef7da; 
	border:1px solid #e1e1e1; 
	width:200px; 
	vertical-align:top; 
	text-align:left;
}

table.ives_tab_2 th { 
	background-color:#fef7da; 
	border:1px solid #e1e1e1; 
	color:#000000;
}


.ives_tab_1 td {
  background-color:transparent;border:1px solid #e1e1e1;
}

.ives_tab_2 td {
  background-color:transparent;border:1px solid #e1e1e1;
}

table.ives_tab_1 table td {border:0px;}

td.tab_space{
	padding:0px;
}

td.tab_space img{
  width:4px;
}

.ives_tab_2 tr.lineOdd td {  xbackground-color: #f0f0f0; }
.ives_tab_2 tr.lineEven td { xbackground-color: #fAfAfA; }
.ives_tab_2 tr.lineFocus td { xbackground-color: #FFFBF6; }

.ives_tab_1 tr.lineOdd td {  xbackground-color: #f0f0f0; }
.ives_tab_1 tr.lineEven td {  xbackground-color: #fAfAfA; }
.ives_tab_1 tr.lineFocus  td { xbackground-color: #FFFBF6; }


ul { padding-left:10px; }
ul > li { list-style-type:square; }

/* site-specific items */
.logo { 
	cursor:pointer; 
	float:left; 
	background:url(images/main/logo.png) no-repeat; 
	width:108px; 
	height:118px; 
	margin:10px 0;
}
.site_label{
	text-align: center;
	xfloat: left;
	width: 450px;
	height: 100px;
	xmargin: 80px 10px 10px 50px;
	
	position: absolute;
	top: 60px;
	left: 150px;
	line-height: 100px;
	
}

.site_label span{
	font-family:Georgia, serif;
	font-size:26pt;
	font-weight:bold;
	color:#b31100;
	
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.appcontent_box{
  width:960px;
}

.greetings{
	float:left;
	margin:0px 5px;
	padding:5px 5px 8px 5px;
	color:#fff;
	margin-left:40px;
}
  
/* content items */
#lo_main .roll_ { padding-right:4px; margin:0 8px 14px 0;  }
  #lo_main .item_ { display:inline-block; margin-bottom:8px; width:100%; }
    #lo_main .item_ .icon_ { float:left; margin:0 6px 0 0; clear:left;}
    #lo_main .item_ .text_ { display:table; }
      #lo_main .item_ .text_ a { font-size:100%; font-weight:bold; }

#lo_main .boxroll_ { font-size:90%; background-color:#f0f0f0; margin:4px 5px 4px 0;  padding:4px; }
  #lo_main .boxroll_ h3 { font-family:Arial,sans-serif; background-color:#b2b2b2; color:#fff; text-align:center; font-size:95%; 
    margin:-4px -4px 4px -4px;  }

#lo_main .suggest_ { font-size:90%; }

#app_index { 
	width:250px; 
	float:left; 
	background:url(/journey/style/10000_001/paperedge_right.png) no-repeat top right; 
	padding-right:16px; 
	min-height:300px; 
	color:#666; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#app_display { 
	width:700px; 
	float:left; 
	padding:8px; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

}



/* ------- TABS ----------- */
.tab_menu .sep, .tab_menu .content { border-top:none!important; }
.tab_menu .tab_row { height:35px; }
.tab_menu .tab {  
  padding:0 0 0 0!important;
  border-radius:0!important; 
  background:none!important;
	background-image:url(tab_blue.png);
  font-size:16px!important;
  vertical-align:middle;
}
.tab_menu .tab a { 
  display:block;
  padding-top:18px;
  background:transparent url(blueTap.png) no-repeat center;
  color:#fff!important;
  font-weight:normal!important;
  width:180px;
  height:39px;
  vertical-align:middle;
  text-align:center;
}
.tab_menu .tab#tab_active a, .tab_menu .tab a:hover
  { background-image:url(redTap.png); color:#fff!important;font-weight:normal!important; }
  
.tab_menu td {
	padding:0px;
}
  
td.tab_space img[style] { width:2px !important; }

.PTBN_profile .tab#tab_active a, .PTBN_profile .tab a:hover { background-image:url(redTap.png);  }
.PTBN_resources .tab#tab_active a, .PTBN_resources .tab a:hover { background-image:url(redTap.png); }
.PTBN_learning .tab#tab_active a, .PTBN_learning .tab a:hover { background-image:url(redTap.png); }
.PTBN_collaboration .tab#tab_active a, .PTBN_collaboration .tab a:hover { background-image:url(redTap.png); }


.lineOdd {  background-color: #FFFFFF; }
.lineEven {  background-color: #f0f0f0; }
.lineFocus { background-color: #FFFBF6; }
.lineOdd *, .lineEven *, .lineFocus * { xcolor: #000; }

img { border:0px; }

/* ------- PAPER -------- */
.paper_box { background:url(/rs/part/banner_shadow.png) no-repeat bottom; padding-bottom:18px; }
.paper_content { background-color:#f4f6fc; padding:8px 10px;}

/* --------- ajax --------- */
.button_load, .button_showmore, .button_showless, .button_search { 
display:inline-block; padding:2px 4px 0px 20px; cursor:pointer; color:#fff;
font-size:90%; font-weight:bold; background:#b2b2b2 url(/rs/action/reload.png) no-repeat; 
text-decoration:none;
}

.button_load:hover, .button_showmore:hover, .button_showless:hover { background-color:#b2b2b2; }
.button_load { background-image:url(/rs/action/reload.png); }
.button_showmore { background-image:url(/rs/act/dropshow.png); }
.button_showless { background-image:url(/rs/act/drophide.png); }
.button_search { background-image:url(/rs/action/search.png); }

/* -------- ACTIONS --------- */
.act_add { background:url(/rs/act/add.png) no-repeat 2px; padding-left:20px!important; }
.act_pkg { background:url(/rs/act/addToPackage.png) no-repeat 2px; padding-left:20px!important; }
.act_arrange { background:url(/rs/act/arrange.png) no-repeat 2px; padding-left:20px!important; }
.act_cart { background:url(/rs/act/cart.png) no-repeat 2px; padding-left:20px!important; }
.act_collapse { background:url(/rs/act/collapse.png) no-repeat 2px; padding-left:20px!important; }
.act_contact { background:url(/rs/act/contact.png) no-repeat 2px; padding-left:20px!important; }
.act_contact_owner { background:url(/rs/act/contactOwner.png) no-repeat 2px; padding-left:20px!important; }

.act_delete { background:url(/rs/act/delete.png) no-repeat 2px; padding-left:20px!important; }
.act_download { background:url(/rs/act/download.png) no-repeat 2px; padding-left:20px!important; }
.act_hide { background:url(/rs/act/drophide.png) no-repeat 2px; padding-left:20px!important; }
.act_show { background:url(/rs/act/dropshow.png) no-repeat 2px; padding-left:20px!important; }

.act_edit { background:url(/rs/act/edit.png) no-repeat 2px; padding-left:20px!important; }
.act_expand { background:url(/rs/act/expand.png) no-repeat 2px; padding-left:20px!important; }
.act_feedback { background:url(/rs/act/feedback.png) no-repeat 2px; padding-left:20px!important; }
.act_folder { background:url(/rs/act/folder.png) no-repeat 2px; padding-left:20px!important; }
.act_history { background:url(/rs/act/history.png) no-repeat 2px; padding-left:20px!important; }
.act_list { background:url(/rs/act/list.png) no-repeat 2px; padding-left:20px!important; }
.act_minus { background:url(/rs/act/minus.png) no-repeat 2px; padding-left:20px!important; }
.act_next { background:url(/rs/act/next.png) no-repeat 2px; padding-left:20px!important; }

.act_option{ background:url(/rs/act/option.png) no-repeat 2px; padding-left:20px!important; }
.act_prev { background:url(/rs/act/prev.png) no-repeat 2px; padding-left:20px!important; }
.act_prop { background:url(/rs/act/properties.png) no-repeat 2px; padding-left:20px!important; }
.act_reload { background:url(/rs/act/reload.png) no-repeat 2px; padding-left:20px!important; }
.act_search { background:url(/rs/act/search.png) no-repeat 2px; padding-left:20px!important; }
.act_share { background:url(/rs/act/share.png) no-repeat 2px; padding-left:20px!important; }
.act_star { background:url(/rs/act/rateIT.png) no-repeat 2px; padding-left:20px!important; }

.act_clone { background:url(/rs/act/addToPackage.png) no-repeat 2px; padding-left:20px!important; }


/* -------- APP --------- */
.PTBN_applications .app_ { display:inline-block; width:145px; height:140px; cursor:pointer; }
#app_portfolio { background:url(images/main/button/evaluation.png) center no-repeat; }
#app_classes { background:url(images/main/button/classes.png) center no-repeat; }
#app_classspace { background:url(images/main/button/classes.png) center no-repeat; }
#app_capture { background:url(images/main/button/capture.png) center no-repeat; }
#app_messaging { background:url(images/main/button/messaging.png) center no-repeat; }
#app_fee { background:url(images/main/button/fee.png) center no-repeat; }
#app_attendant { background:url(images/main/button/attendant.png) center no-repeat; }
#app_formcentre { background:url(images/main/button/form.png) center no-repeat; }
#app_ios_download { background:url(images/main/button/ios_download.png) center no-repeat; }
#app_repository { background:url(images/main/button/student_res.png) center no-repeat; }
#app_student_db { background:url(images/main/button/studentMgt.png) center no-repeat; }
#app_health { background:url(images/main/button/health.png) center no-repeat; }
#app_lesson { background:url(images/main/button/lesson.png) center no-repeat; }
#app_coursespace { background:url(images/main/button/coursespace.jpg) center no-repeat; }
#app_groupspace { background:url(images/main/button/groupspace.jpg) center no-repeat; }

#app_report { background:url(images/main/button/report.png) center no-repeat; }
#app_abtme { background:url(images/main/button/abtMe.png) center no-repeat; }
#app_myclass { background:url(images/main/button/myclass.png) center no-repeat; }
#app_myclassspace { background:url(images/main/button/myclass.png) center no-repeat; }
#app_abtme { background:url(images/main/button/abtMe.png) center no-repeat; }
#app_myfolio { background:url(images/main/button/portfolio.png) center no-repeat; }
#app_student_res { background:url(images/main/button/student_res.png) center no-repeat; }
#app_hq-fee { background:url(images/main/button/hq-fee.png) center no-repeat; }
#app_hq-report { background:url(images/main/button/hq-report.png) center no-repeat; }
#app_checklist { background:url(images/main/button/checklist.png) center no-repeat; }
#app_activity_sheet { background:url(images/main/button/activitySheet.png) center no-repeat; }



/* ------- Big Button -------- */
.bbtn_download { background:url(button/download.png);  width:45px; height:45px; margin:3px;overflow:auto; }
.bbtn_edit { background:url(button/edit.png);  width:45px; height:45px; margin:3px;overflow:auto; }
.bbtn_tagit { background:url(button/tagit.png);  width:45px; height:45px; margin:3px;overflow:auto; }

/* ------- Student DB --------*/
.toggle_view{
	background: url('images/studentdb/edit.png') no-repeat;
	height:50px;
	width:100px;
	display:block;
	float:right;
	text-indent:-9999px;	
}

#main_fixer{
	margin-bottom:100px;
}

.toggle_edit{
	background: url('images/studentdb/edit_off.png') no-repeat;
	height:50px;
	width:100px;
	display:block;
	float:right;
	text-indent:-9999px;	
}

/* ---- HEALTH RECORD ------*/
.medical_small {
	background: url('images/health_record/medical_24.png') no-repeat;
	padding-left: 28px;
	min-height: 24px;
}
.medical_big {
	background: url('images/health_record/medical_48.png') no-repeat;
	padding-left: 52px;
	min-height: 48px;
}

.food_small {
	background: url('images/health_record/food_24.png') no-repeat;
	padding-left: 28px;
	min-height: 24px;
}
.food_big {
	background: url('images/health_record/food_48.png') no-repeat;
	padding-left: 52px;
	min-height: 48px;
}

.special_small {
	background: url('images/health_record/special_24.png') no-repeat;
	padding-left: 28px;
	min-height: 24px;
}
.special_big {
	background: url('images/health_record/special_48.png') no-repeat;
	padding-left: 52px;
	min-height: 48px;
}

.others_small{
	background: url('images/health_record/others_24.png') no-repeat;
	padding-left:28px;
	min-height:24px;
}

.others_big {
	background: url('images/health_record/others_48.png') no-repeat;
	min-height:48px;
	padding-left:52px;
}

.birthday_small {
	background: url('images/health_record/birthday_24.png') no-repeat;
	padding-left: 28px;
	min-height: 24px;
}

.menu a, .menu a:visited {
	padding:4px;
}

.iveo_pipe_announce_home  .media {
	padding:8px;
}

.iveo_pipe_announce_home .text-muted {
    margin-top: 4px;
    color: #999;
    font-size: 90%;
}
#lo_main .iveo_pipe_announce_home h4.media-heading{
	font-size:110%;
	color:#19afca;
	
}