html{overflow-y: scroll;} /* overflow-y: scroll; min-width:1024px; min-height:768px; position: relative;height:100%; */
/* background: #dddddd url(../images/bg_blur3.jpg); background-color: #5d819e; font-size:12px; */
body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #dddddd ; background-repeat: no-repeat; background-size: cover; background-position: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
@font-face {
font-family: 'berlin sans fb';
src: url(../font/brlnsr.ttf);
}
@font-face {
font-family: 'Helvetica Neue';
src: url(../font/HelveticaNeue.ttf);
}
@font-face {
font-family: 'Open Sans';
src: url(../font/OpenSans-Regular.ttf);
}
@font-face {
font-family: 'Source Sans Pro';
src: url(../font/SourceSansPro-Regular.ttf);
}
@font-face {
font-family: 'Robotocondensed';
src: url(../font/robotocondensed.light.ttf);
}
@font-face {
font-family: helvetica;
src: url(../font/helveticanormal.ttf);
}
@font-face {
font-family: 'Montserrat';
src: url(../font/Montserrat-Medium.ttf);
}
@font-face {
font-family: 'Montserrat Bold';
src: url(../font/Montserrat-Bold.ttf);
}
/* font-family:Arial, Helvetica, sans-serif; background-color:#5d819e; padding:0px;margin:0px;color:#000; */
#panelwrap {display:table; width: 96%; max-width:1005px; margin: 20px auto;background-color: #F8FCFF;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;border: 6px #428bca solid;} /* c0cdd2 #F4F9FD BGCOLOR #F4F9FD 6px #C0CDD2 solid; */
#panelwrapindex {width: 90%; max-width: 605px; margin: 9% auto; } /* -moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;border: 1px #A9B6BB solid; */
.panelwraptop { width:auto;height: auto; background-color: #818ead; border: 1px #ffffff solid; border-bottom:4px solid #fff; border-radius: 10px 10px 0px 0px; padding:0px 10px 0px 20px;} /* #008ccf margin: 0px 0px 5px 0px; bgcolor:#DADADA border:1px #FFFFFF solid; 10px 10px 75px 75px; */
.panelwraptopleft{margin:10px 30px 70px 10px; float:left;}
.panelwraptopright{margin:25px 0px 30px 0px; width:100%;} /* 10px 0 10px 0;*/
.panelwrapschoolname {font-size:35px; color: #ffffff; font-family:"Berlin sans fb"; text-shadow: -1px 0px 5px #1a1a68; text-align:left; padding: 5px 0px 5px 0px;}/* font-family:Cambria; font-weight: normal; */
.panelwrapcovercenter {background-color:#dde8f0; border-radius: 0px 0px 10px 10px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} /* #f6f6f6 #fffedd #FFEDB4 */
.panelwrapcenter{width:auto; padding-top:5px;}
.panelwrapcenterleft{margin:0px;}
.panelwrapcenterleftbrand{margin:11px 0 0 -5px;;}/*margin:0 0 0 75px;*/
.panelwrapcenterright{margin:0px 10px 0px 0px; color:#555; font-size:13px; font-family: 'Source Sans Pro';} /*text-shadow:1px 1px #fff; #256C89; font-weight: normal; font-family: berlin sans fb; */
.panelwrapmessage{padding:28px 0 20px 0;width:auto; height:25px; color:#FF0000; font-family: berlin sans fb; text-align:center;}
.panelwrapindexlogin{width:auto; padding: 10px 0 10px 0; text-align:center;}
#panelwraplogin {width:auto; /*height:54px;*/background-color:#fbfbfc; text-decoration:normal; border-radius:10px;border: 1px #bdbdbd solid; padding:5px 20px 5px 20px;} /* #ded966 FFF9E7 #E6EDFF #FFFBD1 #FFFDF5 F5FFFA F5FFFA -moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;border: 1px #C0CDD2 solid;padding:4px 18px 2px 18px; margin:0px 10px 0px 10px; */
#panelwraplogin:hover {background-color:#EBEBEB;} /*fffbec dad100 ded966 eae354 */
.panelwrapindexloginselect{padding:0 0 0 20px; font-size:14px; font-weight:bold; color:#666;} /* font-family: "berlin sans fb"; #699color:#5D819E;font-weight: normal; font-family: "berlin sans fb"; */
.panelwrapindexloginitem{display:inline-block; margin:0px 6.5%; padding:0 0 14px 0;} /* float:left;width:30%;*/
.panelwrapindexloginitemadmin{display:inline-block; margin:0px 3.5%; padding:0 0 25px 0;} /* float:left; width:22%;*/
.account {font-size:10px;} /* #6699FF max-width:320px */
.alert{font-size:12px;}
a {color: #428bca;text-decoration: none;} /*#0291D4*/
a:hover {color: #FF9966;}
/* .image_responsive{border: 1px #C0CDD2 solid; border-radius: 5px; } */
.profilepic {position:relative;}
.profilepic:hover .editpic{display:block;}
.editpic{ position:absolute;display:none;top:35%;width:40px;margin:0 auto; left:0px;right:0px;z-index:100;}
.mainmenu {width:100%; margin:100px 0 0 0;}
.submenu{ width:100%; height:auto; background-color:#00a2ed; float:right;} /* #edcd66 *//*#edcd66; A2D8C8 D9F7D9 E1F5E1 F6EDCE FCE9B7 E4C0D7 FBC887*/
.submenu ul{ padding:4px 0px 0px 11px; margin:0px; list-style:none;}
.submenu ul li{ padding:0px 0px 0px 0px; margin:0px 3px -1px 0px;}
.submenu ul li a{ display:block; float:left; padding:0px; color:#000; text-decoration:none;margin:0px 0px 0px 0px;font-size:12px;}
.submenu ul li a.selected{display:block; float:left; padding:3px 8px 4px 6px; text-decoration:none; margin:5px 0px 8px 0;color:#FFFFFF; font-size:12px; background-color: #366082; -moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;} /*#366082 #849398 #4F8496 #59A7AF */
.printmenu{background-color:#edcd66; padding: 0px 10px 0px 0px;}
.printmenu ul {list-style:none;}
.printmenu ul li{ float:right;}
.topregistry {font-style:normal;height: auto; text-align: start; width: auto; font-size: 10px;color: #22425E;text-shadow: 1px 1px #DCEEF7;}/*background-color: #BAD7E6;*/
#content {background: #fcfdfe; margin-top: 0px; clear: left; }/* padding: 0.5em; border-radius: 0px 0px 5px 5px; border: #D6D6D6 solid 1px;*/
.select-bar {clear:both; border-top: 1px solid #bad7e6; border-bottom:2px solid #bad7e6; padding:5px 0 3px 0; margin:0 0 17px 0; background-color: #f4f9fd; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}/* bgcolor:#E0F0F3 #f70*border-top:2px solid #bad7e6;/.select-bar select {width:50px;margin:0 2px;} */
/* -------------------------- Tabs/*------------------------------------------ */
.tabsmenu{background: #e0ecff; padding:0px 0px 0px 4px;clear:both; list-style:none; margin:0px; border-bottom: 1px solid #95B8E7; height: 36px;}
.tabsmenu li a{ border: 1px solid #95B8E7; width:auto; float:left; margin:0 5px 0 0;text-align:center; background-color:#EFF5FF;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;color:#0E2D5F; font-size:12px; font-weight:normal; padding:10px; } /*color: #22425e; text-shadow:1px 1px #DCEEF7;*/
.tabsmenu li a:hover{background-color:#eaf2ff;} /*f3d987#a8c9da #bad7e6 */
.tabsmenu li.active a{ border-bottom: 1px solid #ffffff; background: linear-gradient(to bottom,#EFF5FF 0,#ffffff 100%);}/*f3d987 #a8c9da*/
.tabcontent{ padding:10px; clear:both; border:1px #ddd solid; margin:0 0 15px 0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}
.highlightedcontent{text-align:center; color:#22425e; font-size:12px; font-weight:normal; padding:10px 0px; text-shadow:1px 1px #DCEEF7; }
.header_right { color: #65666F;text-align:right;float: right;padding: 20px 20px 0px 0px;}
.header_right a.settings {padding: 0 0 0 22px;font-weight: normal;}
.header_right a.messages {background: url(/osmis/images/template_images/comment.png) no-repeat left;padding: 0 0 0 22px;border:0;font-weight: bold;}
.header_right a.logout {background: url(/osmis/images/template_images/logout.png) no-repeat left;padding: 0 0 0 22px; border:0;}
.header_right a {margin: 0 0 0 5px;color: #65666F;font-weight: bold;} /*black*/
/*------------------- PAGINATIONS ------------------------------------------------*/
.pages { padding: 3px 6px; color: #000000; border-radius: 50%; background: #CCC; text-decoration: none; margin: 0px 3px; font-size: 11px; text-align:center;}
.pages:hover {color: #ffffff;background: #666;}
.current {padding: 3px 6px;color: #ffffff;background: #73AD21; font-weight:bold; font-size:10px; text-align:center; text-decoration: none;border-radius: 50%;margin: 0px 3px;}
/*-------------BRAND SCHOOL----------------background: url(../images/user.png) no-repeat left;*/
.schoolbrand{font-size:28px; color: #FFFFFF; font-family: "Estrangelo Edessa"; font-weight: normal; text-shadow: 1px 1px #808080;text-align:left;} /* #908575 509DAE background: #D9F4FF; margin-top:100px; */
/* .slogan {} */ /* color:#5D819E; font-size:13px; font-weight: normal; font-family: monospace; padding: 15px 0px 10px 0px; */
.schoolname {color: #65667C;}/* #B67D6F #9A8699; /*E3DDFF text-shadow: 1px 1px #647E6F;*/
.schooladdress{font-size=10px; font-size:9px; font-weight:bold; color: #6C6D6C;}
.clear{clear:both;}
h2{font-size:18px;color:#256c89;font-weight:normal;padding:0px 0 15px 0;margin:0px;clear:both;}
h3{font-size:18px;color:#256c89;font-weight:normal;padding:15px 0 5px 20px;margin:0px;clear:both; text-align:center;} /* float:left; */
.header {width: 100%; height:auto;}
.header_login{width:600px;margin:auto;}
.logo{float:left;padding:50px 0px 0px 0px;}
.logo_footer{float:right;padding:35px 0 0 0;}
.left_header{margin:23px 0px 0px 10px;float:left;padding:50px 0px 10px 14px;background: url(/osmis/images/template_images/logo_banner3.png) no-repeat;}
/* .main_content{margin:auto; width:800px; height:35px; padding:0 0 0px 0; background:url(../images/template_images/header_bg.png) no-repeat center top;} */
.sidebar{width:222px;float:left; margin-left:-100%; padding:0px; position:relative;left:0px;} /*float:left;width:224px;*/
.sidebar h2{width:187px; margin:11px 0px 0px 12px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;background-color:#dad100; color:#22425e; font-size:14px; font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;border-bottom:1px #8A9296 solid;} /*#bad7e6*/
.sidebar ul{width:170px; background-color:#FFFFFF; list-style:none; border:1px #D6D6D6 solid; border-top:none;padding:10px 15px 15px 15px; margin:0px 10px 15px 12px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
.sidebar ul li{border-bottom:1px #ededed solid; }
.sidebar ul li a{color:#000000;display:block;padding:5px 0 5px 5px;} /* color:#000000; */
.sidebar ul li a:hover{background-color:#ededed;} /*background-color:#ededed; text-decoration: underline; */
.sidebar ul li a:active{ color:#22425e;}/*#a8c9da f3d987*/
.sidebar ul li.active a{ color:#428bd3;background-color:#eff8ff; } /* text-shadow: 1px 1px #428bca; bg color= #7dc44e #5bc0de f0fdff #a8c9da f3d987 fff7de*/
.sidebar_section_text{width:170px; background-color:#FFFFFF; border:1px #D6D6D6 solid; border-top:none;padding:10px 15px 15px 15px; margin:0px 0px 15px 12px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
/* BUTTONS */
.form_sub_buttons{ padding:0 0 20px 0; float:left;}
a.button{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 12px 8px 12px;text-align: center;cursor:pointer; margin:10px 10px 0 0; float:left;}
.green{color:#fff;background: #7dc44e;text-shadow:1px 1px #4c9021;}/* #8BBACB #69b736 text-shadow:#366082 #5D8AAF */
.greenoriginal{color:#fff;background: #7dc44e;text-shadow:1px 1px #4c9021;} /* 7dc44e */
input.button_green{color:#fff;background: #7dc44e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 15px;text-align: center;cursor:pointer; border:none;text-shadow:1px 1px #4c9021;}
.red{color:#fff;background: #eb8484;text-shadow:1px 1px #cc5959;}
.red:hover{ background-color:#d96060;}
.green:hover{ background-color: #69b736;} /*#63A0B7 #69b736; #366082; */
.greenoriginal:hover{ background-color: #69b736;} /* #69b736 */
a.buttonblue{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family: arial;font-size:12px;font-weight: bold; padding:6px 12px 6px 12px; text-align: center; cursor: pointer; float: right; text-decoration: none;} /* margin: 10px 10px 0 0; */
.blue { color: #fff; background: #5bc0de; text-shadow: 1px 1px #428bca;}
.blue:hover{ background-color:#46b8da;}
.save {line-height: 1.3333333; border-radius: 3px; color: #fff; background-color: #5bc0de; border-color: #46b8da; display: inline-block; padding: 6px 12px; text-align: center; white-space: nowrap; border: 1px solid transparent; cursor: pointer;}
.save:hover{color: #fff; background-color: #31b0d5; border-color: #269abc;}
.btn { border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; font-weight: 400;}
.btn-default{background-color:#f4f4f4;color:#444;border-color:#ddd; padding: 6px 12px;}
.btn-default:hover,.btn-default:active,.btn-default.hover{background-color:#e7e7e7;}
.btn-sm { padding: 4px 10px; font-size: 12px; border-radius: 3px;} /*line-height: 1.5; */
.btn-info { color: #fff; background-color: #00c0ef; border-color: #00acd6;}
.btn-info:hover,.btn-info:active,.btn-info.hover{background-color:#00acd6;}
.center_content{clear:both; width:100%; padding:0 0 0 0;}
#right_wrap{float:left; width:100%;}/* overflow:auto; */
.left_content{float:left; width:234px;}
#right_content{margin:11px 6px 10px 228px;}/*margin:10px 10px 10px 232px;*/
#right_content h2{ background-color:#d2d2d2;margin:0px; clear:both;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;color:#22425e; font-size:14px; font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;border-bottom:1px #ABC7D6 solid;}
/*bad7e6 c9c9c9*/
/* ////////////////ROUNDED-CORNER-SEARCH///////////////////////////// table-layout: fixed; */
#rounded-corner-search{margin:0px;width:100%;text-align: left;border-collapse: collapse; background: #e0ecff; border-bottom:1px solid #fdfdfd;}
#rounded-corner-search th{padding: 5px;font-weight: bold;font-size: 12px;color:#535E66;background: #dde8f0;text-shadow:1px 1px #F2F8FC; }/*color: #535E66;*/
#rounded-corner-search td{padding: 6px;border-top: 1px solid #fff;color: #669; }
#rounded-corner-search tfoot td{background: #dde8f0; font-size:11px; padding:8px 8px 8px 15px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
/* #rounded-corner-search tbody tr:hover td{background: #dde8f0;} */
.p-search{overflow:hidden;}
.p-search input{border:1px solid #ccc;background: #fff url('../css/icons/search.png') no-repeat right top;}
/*.p-right{text-align:center; border:1px solid #ccc;border-left:0;width:150px;background:#fafafa; padding-top:10px;} */
/* //////////////FEES-SUMMARY//////////////////////////// */
#rounded-corner-feesum{margin:0px;width:100%;text-align: left;}
#rounded-corner-feesum td{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; background-color:#fefefe; padding: 1px; }
/* ///////////////// FEES-SUMMARY2 */
#rounded-corner-feecharge{margin:0px;width:100%;text-align: left;border-collapse: collapse; background: none;}
#rounded-corner-feecharge td{padding: 4px; color: #278c8c;}
/* ////////////////ROUNDED-CORNER///////////////////////////// table-layout: fixed; */
#rounded-corner{margin:0px;width:100%; padding: 0px; text-align: left; border-spacing:0px; } /* border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-collapse: collapse;*/
#rounded-corner th{padding: 5px;font-weight: bold; font-style: normal; color: #ffffff; background-color:#1f497d; }/*font-size: 12px;color:#535E66; background:#f9f9f9; text-shadow:1px 1px #F2F8FC; color: #535E66;*/
#rounded-corner th a{color: #ffffff;}
#rounded-corner td{padding: 6px;border-bottom: 1px solid #dfdfdf;color: #669; } /*font-family:'ubuntu'; font-size:13px; Source Sans Pro*/
#rounded-corner tfoot td{background: #f9f9f9; font-size:11px; padding:8px 8px 8px 15px; border-bottom: 1px solid #dfdfdf;} /* -moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px; */
#rounded-corner tbody tr:hover td{background: #f3f3f3;}
/* //////////////FEES//////////////////////////// */
#rounded-corner-fees{margin:0px;width:100%;text-align: left;border-collapse: collapse; border:1px solid #dfdfdf;}
#rounded-corner-fees th{padding: 5px;font-weight: bold;font-size: 12px;color:#0e2d5f;background: #e0ecff; border-left:1px solid #fdfdfd;}/* text-shadow:1px 1px #F2F8FC;color: #535E66;*/
#rounded-corner-fees td{padding: 6px;color: #669; border:1px solid #dfdfdf;}/*border-top: 1px solid #fff;*/
#rounded-corner-fees tfoot td{background: #dde8f0; font-size:11px;padding:8px 8px 8px 15px;}
#rounded-corner-fees tbody tr:hover td{background: #f3f3f3;}
/* //////////////RECEIPT//////////////////////////// */
#rounded-corner-receipt{margin:0px;width:100%;text-align: left;border-collapse: collapse;}
#rounded-corner-receipt td{font-family: monospace; font-size:11px; color:#000; padding: 1px 0px 1px 1px; }
/*//////////////////CONSOLIDATED SHEET/////////////////////////////////////////////////////////////*/
#rounded-corner-consolidated{margin:0px;width:100%;text-align: left;border-collapse: collapse; }
#rounded-corner-consolidated th { font-weight: bold; font-size:10px;height: 85px; text-align: center; transform: rotate(-90deg); color:#669;
-webkit-transform: rotate(-90deg); /* Safari/Chrome */
-moz-transform: rotate(-90deg); /* Firefox */
-o-transform: rotate(-90deg); /* Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
}
#rounded-corner-consolidated td{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#669; padding: 4px; } /* background-color:#fefefe; */
#rounded-corner-consolidated tfoot td{background: #f5f5f5; font-size:11px;padding:8px 8px 8px 15px;}
#rounded-corner-consolidated tbody tr:hover td{background: #dde8f0;}
/*//////////////////ROSTER/////////////////////////////////////////////////////////////*/
#rounded-corner-roster{margin:0px;width:100%;text-align: left;border-collapse: collapse;}
#rounded-corner-roster th {font-family: Arial, Helvetica, sans-serif; font-weight:bold;background-color:#f5f5f5; white-space:nowrap;}
#rounded-corner-roster td{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding: 4px; } /*background-color:#fefefe;*/
#rounded-corner-roster tfoot td{background: #f5f5f5; font-size:11px;padding:8px 8px 8px 15px;}
/*//////////////////GRADESHEET/////////////////////////////////////////////////////////////*/
#rounded-corner-gradesheet{margin:0px;width:100%;text-align: left;border-collapse: collapse; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#rounded-corner-gradesheet th{padding: 5px;font-weight: bold;font-size: 12px;color:#535E66;background: #dde8f0;text-shadow:1px 1px #F2F8FC; }/*color: #535E66;*/
#rounded-corner-gradesheet td{padding: 6px;border-top: 1px solid #fff; border-bottom:1px solid #C0CDD2; color: #669; }
#rounded-corner-gradesheet tfoot td{background: #dde8f0; font-size:11px; padding:8px 8px 8px 15px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
#rounded-corner-gradesheet tbody tr:hover td{background: #dde8f0;}
/*//////////////////TRANSCRIPT/////////////////////////////////////////////////////////////*/
#rounded-corner-transcript {margin:0px;width:100%;text-align: left;border-collapse: collapse;}
#rounded-corner-transcript th {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; white-space:nowrap;background-color:#f5f5f5; border-top:1px solid #000; border-bottom:1px solid #000;border-left: 1px solid #000; border-right: 1px solid #000;}
#rounded-corner-transcript td{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#000; background-color:#fefefe; padding: 4px 20px 4px 20px; border-left: 1px solid #000; border-right: 1px solid #000;}
#rounded-corner-transcript tfoot td{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #f5f5f5; font-size:11px;padding:8px 8px 8px 15px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
/* ////////////////TOOLTABS///////////////////////////// */
#rounded-corner-tooltabs{margin:0px;width:100%;text-align: left;border-collapse: collapse; background: none;}
#rounded-corner-tooltabs th{padding: 5px;font-weight: bold;font-size: 12px;color:#535E66;background: #bad7e6;text-shadow:1px 1px #F2F8FC;}/*color: #535E66;*/
#rounded-corner-tooltabs td{padding: 6px;border-top: 1px solid #fff;color: #669;}
#rounded-corner-tooltabs tfoot td{background: #dde8f0; font-size:11px;padding:8px 8px 8px 15px;}
/*#rounded-corner-tooltabs a{display:block;padding:5px 0 5px 5px;}
#rounded-corner-tooltabs a:hover{background-color:#efffff;}*/
/* //////////////////////////////////////////////////////////////////////////////////////// */
.bf_layout_checkbox{ display: inline-block; margin-top: 5px; margin-left: 0px; margin-bottom: 5px; margin-right: 80px; padding-left: 0px; vertical-align: middle;cursor: pointer;} /* font-weight: normal; */
#bf_layout_radio{margin: 3px 0px 3px 30px;}
#bf_layout_radio_label{padding-right: 20px;}
.about {font-family: "Courier New", Courier, monospace;margin:5px 0px 0px 0px; clear:both;color:#22425e; font-size:17px;font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;}
/*---------------- menu----------------------*/
.menu {width: auto; right: 5px;position: absolute; margin-top: -28px; border: none; background-color: transparent;} /*height: 10px; */
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:34px; text-align:right}
/* style the sub-level lists */
.menu ul ul {width: auto;}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:right;height:34px;line-height:34px;}
/* style the sub level list items */
.menu ul ul li {display:block;width:auto;margin: 0px 0px 0px 0px; height:auto;position:relative;line-height:1em; text-align:left;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;height:100%;text-decoration:none;color:#000000;padding:0px;}
/*.menu a.current{background:url(../images/template_images/menu_bg.gif) repeat-x center;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#b7d2ff; border-bottom:1px #22425e solid; color:#000000;width:9em;height:100%;line-height:1em;padding:1em 1em;}
.menu ul table ul a, .menu ul table ul a:visited {width:14em; } /* BAD7E6 */
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {left:-1px;}
.menu ul ul table ul.left {margin-left:2px;}
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#57c0e8;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#57c0e8;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background: url(/osmis/images/template_images/arrow.gif) no-repeat right #309dc7;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background: url(/osmis/images/template_images/arrow.gif) no-repeat right #088bb4;}
/* style the level hovers */
/* first */
.menu a:hover {color:#fff; font-weight:bold; background: url(/osmis/images/template_images/menu_bg.gif) repeat-x center;}
.menu :hover > a {color:#fff;background: url(/osmis/images/template_images/menu_bg.gif) repeat-x center;}
/* second */
.menu ul ul a:hover{color:#000;background: url(/osmis/images/template_images/menu_bg_a.gif) repeat-x center;}
.menu ul ul :hover > a {background:#ffe48d;}/* dad100 #edcd66 color:#fff;background:url(../images/template_images/menu_bg_a.gif) repeat-x center;}*/
/* third */
.menu ul ul ul a:hover {background: url(/osmis/images/template_images/menu_bg_a.gif) repeat-x center;}
.menu ul ul ul :hover > a {background: url(/osmis/images/template_images/menu_bg_a.gif) repeat-x center;}
/* fourth */
.menu ul ul ul ul a:hover {background: url(/osmis/images/template_images/menu_bg_a.gif) repeat-x center;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; z-index:999;}
/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(/osmis/images/template_images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
#loginpanelwrap{width:500px; margin:120px auto auto auto; background-color:#FFFFFF;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px; border-radius:14px;border:6px #c0cdd2 solid;}
.loginheader{ width:100%; height:auto; text-align:left;}
.logintitle{ font-size:28px; padding:25px 0px 0px 19px; }
.logintitle a{ color:#366082;font-family:"Segoe UI Light";} /*Segoe UI Light*/
.loginform{padding:20px;}
.loginform_row{width:460px;float:left;clear:both;margin:0 0 10px 0;}
.loginform_row label{width:100px;float:left;padding:5px 0 0px 0; color:#535E66; font-weight:normal; text-shadow:1px 1px #fff; text-align:left;} /*font-size:12px;*/
.loginform_input{width:350px;height:34px;float:left;padding:0px 0px 0 4px; background-color:#F4F6F7; border:1px #d2d6de solid; color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
input.loginform_submit{float:right; clear:both; margin:0px 5px 0 0px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; padding:8px 15px;text-align: center;cursor:pointer;color: #fff; border:none; background-color: #337ab7;} /*color:#fff;background: #7dc44e;font-family:arial;font-size:12px;font-weight: bold;text-shadow:1px 1px #4c9021;*/
input.printform_submit{clear:both; margin:10px 10px 0px 0px;color:#fff;background: #7dc44e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 15px;text-align: center;cursor:pointer; border:none; text-shadow:1px 1px #4c9021; color: #fff; background-color: #337ab7; border-color: #2e6da4;}
.alert-info {background-color: #D9EDF7; border-color: #BCE8F1;color: #3A87AD; padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.textlabel{font-size:12px; font-weight:bold; text-align:right;}
.footer {height:40px;background-color:#E4E3E0; color:#669; border-radius: 0 0 5px 5px; border-top: 1px #fff solid; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;line-height: 40px; padding: 0 15px 0 20px;}
.footer_left{float:left;}
.footer_right{float:right;}
.footer_login {height: 37px; background-color: #818ead; color: #ffffff; line-height: 30px; padding: 0 9px 0 9px; border-radius: 0px 0px 10px 10px; font-size: 10px;font-family:'Open Sans' !important;} /*#008ccf*/
.elearningspace {padding: 20px 0px 0px 10px;}
.elearningtools {padding: 0px 12px 0px 15px;}
@media screen and (max-width:320px){#panelwraplogin {display: none;}}
@media screen and (max-width:320px){.panelwrapcenter {margin:60px 0 0 0;}}
@media screen and (max-width:320px){.panelwrapindexloginitem, .panelwrapindexloginitemadmin {background-color:#FFFFFF;float:none;width:auto; padding:0px 10px 10px 10px; border:1px #A9B6BB solid; border-radius:4px; margin:0px 20px 2px 20px;}}
@media screen and (max-width:320px){.panelwrapindexloginitem:hover, .panelwrapindexloginitemadmin:hover {background-color:#EBEBEB;}}
@media screen and (max-width:600px){.loginform_input, .loginform_row {width:auto;}}
@media screen and (max-width:600px){.panelwraptopleft,.panelwraptopright, .panelwrapcenterright, .panelwrapcenter, .panelwrapmessage {margin:0px 10px 10px 10px; padding: 10px 0 0 0;}}
@media screen and (max-width:500px){.panelwrapmessage, .panelwrapcenterleftbrand {margin:0px 0px 0px 0px; padding:0px;}}
@media screen and (max-width:320px){.panelwrapschoolname { font-size:24px; text-align:center;}}
@media screen and (max-width:320px){.panelwraplogo { width:63%; margin:0 auto;}}
@media screen and (max-width:320px){#panelwrapindex {margin: 10px auto;}}