body { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin: 0px; }
/* Tabs and top navigation layout */
.manavbox { background-color:#000; }
.manav { height:30px; background-color:#000; max-width:1199px; min-width:999px; border-left:1px solid #666; }
.manav ul { padding:0px; float: left; margin: 0px; list-style-type:none; }
.manav li { float: left; margin: 0px; height:30px; line-height:30px; border-right:1px solid #666; }
.manav li a { color:#EEEEEE; padding:0px 8px 0px 8px; font-size:12px; height:30px; line-height:30px; display:block; }
.mobilecss .manav li a { font-size:16px; }

.dropmenudiv, .dropmenudiv div, .dropmenudiv ul{ position:absolute; top: 0px; left:0px; border: 1px solid #333333; border-top:0px none; border-left:0px none; line-height:18px; z-index:100; background-color:#333333; visibility: hidden; padding: 0px; margin:0px; list-style-type: none;
}
.dropmenudiv.adminnav, .dropmenudiv #instructormenu, .dropmenudiv #resourcesmenu, .dropmenudiv #siteadminmenu { background-color:#800000;}
.dropmenudiv.adminnav li a:hover, .dropmenudiv #instructormenu li a:hover, .dropmenudiv #resourcesmenu li a:hover, .dropmenudiv #siteadminmenu li a:hover { background-color: #600000; }
ul.dropmenudiv.adminnav ul, .dropmenudiv #instructormenu ul, .dropmenudiv #resourcesmenu ul, .dropmenudiv #siteadminmenu ul { background-color:#700000; }

ul.dropmenudiv ul, .dropmenudiv div ul { background-color:#222222; }
.dropmenudiv.activemenu, .dropmenudiv.activemenu ul { border-color:#666666;  background-color:#F0F0F0; margin:0px; }
.dropmenudiv.activemenu a { border-color:#CCCCCC; text-decoration: none; color:#666666; }
.dropmenudiv.activemenu a:hover { background-color: #E0E0E0; color:#000000;}
.dropmenudiv ul { margin:0px; padding:0px 8px 8px 8px; position:absolute; left:0px; top:0px; list-style-type:none; border:0px none; }
.dropmenudiv li a { width: auto; display: block; line-height:26px; border-bottom: 1px solid #CCCCCC; padding-right:2px; text-decoration: none; color:#EEEEEE; }
.dropmenudiv li ul { margin-left:0px; width:155px; }
* html .dropmenudiv li { /*IE6 CSS hack*/ display: inline-block; width: 175px; /*width of menu (include side paddings of LI A*/ }
* html .dropmenudiv li ul { /*IE only hack width: 100%;*/ width:auto; }
.dropmenudiv li a:hover{ background-color: #444444; }

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/ padding-left: 4px; border: 0; }
.rightarrowpointer {background-image:url(/images/icons/nav-right.png); background-repeat:no-repeat; background-position:left center; padding-left:15px; }
.ddiframeshim{ position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0px; height: 0px; display: block; }

/* check styles */
h1, .h1 { color: #231F20; font-size: 22px}
h2, .h2 { font-size: 14px; color: #003333; }
p {  color: #000000; font-size: 11px; }
li, ol {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
td { font-size: 11px; }
table.size16 td { font-size:16px; }
form { margin:0px; }
div { position:relative; }
img { border: 0px none; vertical-align:middle; }
th { position: sticky; top:0; background-color: #FFFFFF; }


input, select, option, textarea {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.xp, .xpnum { color: #666; background-color: #FFFFFF !important; border: 1px solid #BBB !important; }
.xpclear {color: #666666; background-color: #FFFFFF; border: 1px solid #CCCCCC}
.xpnum {	text-align: right; }
.xpbeef { font-size:16px; }

.circled { border-radius: 50%; behavior: url(PIE.htc);background-repeat: no-repeat; background-position:center center; }
.iconbox { position:absolute; top:3px; background-color:#CCC; padding:5px; width:20px; height:20px; }
.icontext { background-color:#EEE; height:22px; width:22px; text-align:center; line-height:22px; display:inline-block; font-size:16px; border:1px solid #333; }
.icontext.inactive { background-color: #F5F5F5 !important; color:#CCC !important; border-color: #CCC; }
.icontext.inactive:hover { background-color: #E5E5E5; color:#AAA; border-color: #AAA; }
.circled.greenicon { background-color: rgba(88, 151, 88); color: #FFF; }
.gradingAreaList .iconbox { top:3px; padding:5px; right:83px; }
.firstaid, .firstaidamber, .firstaidgrey { background-image:url("https://i.blackculm.com/w/153-aid-kit.png"); background-size: 17px; background-position: 6px 5px; background-color:#C00; }
.firstaid { background-color:#C00; }
.firstaidamber { background-color:rgb(247, 190, 33); }
.firstaidgrey { background-color:#AAA; }

a { text-decoration: none}
a:hover { text-decoration:underline; }
.nav, a.nav, a.sml, a.sml:hover, a.light, a.light:hover { color: #FFFFFF}
a.nav:hover { color: #CCCC33}
.blk { color:#000000; }
.white, a.white { color:#FFF; }
a.blk { color: #000000 !important; }
a.blk:hover { color: #000000 !important; text-decoration: underline; }
.grey, a.grey { color:#999 !important; }
.lgrey, a.lgrey { color:#DDD; }

a.profile { display:block; border-bottom:1px solid #CCC; padding-bottom:2px; margin-bottom:2px; }

.first { margin-top:0px; }
.feedback { border:2px dotted #999; padding:10px; margin:0px 0px 10px 0px; border-radius:0px 0px 10px 10px; }
.feedback.isFilters { border:0px none; background-color: #EAEAEA; }
.feedback2 { border:2px dotted #999; padding:20px; margin:20px; border-radius:10px; font-size:18px; }
.feedbackRed, .feedbackGreen, .feedbackGrey { padding:20px; border-radius:10px; font-size:18px; background-color:#C00; color:#FFF; margin:20px 0px 20px 0px; text-align:center;}
.feedbackGreen { background-color:#393; }
.feedbackGrey { background-color:#E5E5E5; color:#666; }
.feedbackRed a, .feedbackGreen a, a.feedbackRed, a.feedbackGreen { color:#FFF !important; text-decoration:none; }
.feedbackRed a:hover, .feedbackGreen a:hover { color:#EEE !important; }
.feedbackRed.blocks, .feedbackGreen.blocks { display:inline-block; width:220px; margin:0px 10px 10px 0px; min-height:50px; vertical-align: middle; }

.homebox { float:left; width:248px; height:70px; margin:5px; border:1px solid #999999; padding:8px; text-align:left; -moz-box-shadow: 2px 2px 2px #bbb; -webkit-box-shadow: 2px 2px 2px #bbb; box-shadow:2px 2px 2px #bbb; border-radius:6px; cursor:pointer; }
.homebox .subhead { border-bottom:1px solid #CCC; display:block; margin-bottom:5px; }
.homebox .subhead a { color:#333; }
a.homebox { color:#FFF; font-size:20px; text-decoration: none; text-align: center; }

.size10 { font-size: 10px; }
.size11, .sml { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14, .size4 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }

.table-ruled td, .table-ruled th { padding:3px; border-bottom:1px solid #CCCCCC; }
.table-ruled.size12 td { font-size:12px !important; }
.table-ruled.size11 td { font-size:11px !important; padding:2px; }
.table-ruled.size11 input { font-size:11px !important; }
.table-ruled td .toolbar1 td, .ruled-table td .toolbar1 td { padding:1px;}
.ruled-table td { padding:2px; border-bottom:1px solid #CCCCCC; }
.size14 td, .ruled-table.size14 td, .ruled-table.size14 input, .ruled-table.size14 .xp { font-size:14px; }
.xp.size16 { font-size: 16px; }
.morepadding td { padding-top:4px; padding-bottom:4px; }
.formrow { text-align:left; }
.formrowlg td, .formrowlg th { padding:4px; border-bottom:1px solid #CCCCCC; font-size:14px; }
.formrowlg .xp, .formrowlg option, .formrowlg input { font-size:14px !important; }
.formrowlg.size16 .xp, .formrowlg.size16 option, .formrowlg.size16 input { font-size:16px !important; padding:5px; }
.formrowlg input.submitlg2 { font-size:16px !important; }
.formrowlg.xppad .xp, .formrowlg.xppad .xpnum, .formrowlg.xppad input, .formrowlg.xppad textarea, .formrowlg.xppad select, .xppad.xp { padding:8px; }
.formrowlg.xppad .xp, .formrowlg.xppad .xpnum, .formrowlg.xppad input, .formrowlg.xppad select, .xppad.xp { padding:8px; font-size:16px !important; }
.fixedHeader th { position:sticky; background-color:#FFFFFF; top:0px; }
.highlightrow { background-color:#000000; color:#FFFFFF; font-size:16px; padding:3px !important; }
.highlightrow span { font-size:13px; color:#CCC; }
.rulediv { padding-bottom:2px; padding-top:2px; border-bottom:1px solid #CCCCCC; }
.shophead {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}
.spiele { color: #666666; font-size: 9px}
.pdhead { font-size: 14px; font-weight: bold ; color: #000066}
.nav_back {
	background-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}
.nav_extra {  background-color: #666666}

.nav_main {  background-color: #000000}
.catch {  font-size: 11px; color: #FFFF99}
.catch_rule1 {  background-color: #FFFF99}
.catch_rule2 {  background-color: #FFFF99}
.catch_back {  background-color: #000000}
.top_back {  background-color: #335555}
.top_backr { background-color: #335555 }
.top_rule1 { background-color: #FFFF99}
.top_rule2 { background-color: #FFFF99 }
.main_bgcol {  background-color: #FFFFFF; color: #000000}
.welcome_box {  background-color: #FFFF99}
.welcome_bd {  background-color: #000000}
.fea_back {  background-color: #CCCCFF}
.subhead {  font-size: 14px; font-weight: bold; color: #990000;}
.highlight {  color: #990000}
.cart_head {  color: #FFFFFF}
.cart_top { background-color: #333333; color: #FFFFFF}
.cart_stripe1 {
	background-color: #D8D8DA;
	color: #000000;
	padding: 4px;
}
.cart_stripe2 {
	background-color: #EFEFEF;
	color: #000000;
	padding: 4px;
}
.cart_txt { color: #000000}
.prod_rule { background-color: #000066}
.prod_col1 {
	background-color: #D1D2D3;
	color: #231F20;
	padding: 3px;
}
.prod_col2 {
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #D1D2D3;
}
.highlightbox {  background-color: #990000}
.prod_high {  color: #990000}
.prod_back {  background-color: #CCCCCC}
.lowlight {  color: #FFFF00}
.search_input {  border-style: none}
.search_go {  border-style: none; font-weight: bold}
.footer { color: #FFFFFF; background-color: #A6A7AB}
.light {  color: #FFFFFF}
.tb_light { background-color: #D1D2D3; margin: 0px; color: #000000}
.tb_dark, tr.tb_dark td { background-color: #666666; margin: 0px; color: #FFFFFF}
tr.tb_dark td { border-right:1px solid #333; border-color:#333; line-height: normal; }

.cart-event-name {
	font-size: 10px;
}
.lightbold {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.text-area { padding: 0px 5px 0px 5px; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
.tbhighlight { color: #FFFFFF; background-color: #660000; }
.tb_white { background-color: #FFFFFF; }

.drawtop { border-top:1px solid #000; border-right: 1px solid #000000; border-bottom: 2px dotted #999999; padding: 3px; }
.drawbottom { border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-top-color: #000000; border-left-color: #000000; padding: 3px; }
.blackheader {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF; 
}

.filterbox { background-color:#EEEEEE; border:1px solid #AAAAAA; padding:3px; margin-bottom:5px; }
.filterbox div { float:left; margin-right:10px; padding:3px; }
.filterbox .fbox { border:1px solid #666666; background-color:#FFFFFF; padding:5px; }

/* categories list */
.catdiv { position:relative; border:1px solid #666666; background-color:#FFFFFF; height:30px; margin-bottom:1px; line-height:30px; font-size:12px; padding-left:5px; font-weight:bold; }
.catdiv a { color:#000000; }
.cl0 { width:880px; left:0px; }
.cl1 { width:780px; left:75px; }
.cl2 { width:705px; left:150px; }
.cl3 { width:630px; left:225px; }
.catdel { float:right; position:relative; top:7px; width:25px; text-align:center; }
.catdiv1 { float:left; }
.catdiv2 { float:right; width:25px; text-align:center; font-weight:100; margin-top:7px; }
.catdiv3 { float:right; width:45px; font-weight:100; font-size:10px; }
.catdiv3 a { color:#0000CC; }
.changeorder { position:absolute; left:-60px; top:3px; font-weight:100; font-size:10px; line-height:10px; }
.changeorder img { float:left; margin-right:3px; margin-top:2px; }
td.catlev1 { font-weight:bold; }
td.catlev2 { padding-left:30px; }
td.catlev3 { padding-left:60px; }

.prodnav { height:20px; font-size:12px; }
.prodnav1 { display:inline-block; }
.twolinenav .prodnav { height:auto; margin-bottom:10px; }
.twolinenav .prodnav1 { float:none; width:auto; margin-bottom:10px; }
.twolinenav.noheader .prodnav1 { display:none; }
.prodnav2 { display:inline-block; font-size:14px; margin-left:20px; }
.formrowlg #n_startdate1, .formrowlg #n_enddate1 { font-size:14px !important; width:80px !important; }
.mobilecss .formrowlg #n_startdate1, .mobilecss .formrowlg #n_enddate1 { font-size:16px !important; width:150px !important; }
.beltthumb { float:left; width:45px; height:20px; border:1px solid #666; border-radius:4px; overflow:hidden; background-repeat:no-repeat; }
.mobilecss .beltthumb { width:30px; }
.beltthumb img, #beltimage { vertical-align:top !important; }
.beltthumb img { height: 100%; }
.beltthumb.doublebelt { margin-right:10px; width:120px; }
.doublebelt .beltthumb { width:60px; border:0px none; border-radius:3px 0px 0px 3px; position:absolute; }
.promoteicon { position:absolute; left:42px; height:20px; width:41px; background:url(/images/icons/promotion-arrow.png) no-repeat; }
.resultcell1, .resultcell1 td { background-color:#9C3 !important; color:#FFF; }
.resultcell2, .resultcell2 td { background-color:#090 !important; color:#FFF; }
.resultcell3, .resultcell3 td { background-color:#0C6 !important; color:#FFF; }
.resultcell4, .resultcell4 td { background-color:#C00 !important; color:#FFF; }
.resultcell5, .resultcell5 td { background-color:#CCC !important; color:#999;  }
.resultcell7, .resultcell7 td { background-color:#EEE !important; color:#BBB;  }
.resultcell1 a, .resultcell2 a, .resultcell3 a, .resultcell1 a.blk, .resultcell2 a.blk, .resultcell3 a.blk { color:#FFF !important; }
.resultcell5 .blk, .resultcell5 td .blk { color:#999; }
.resultcell7 .blk, .resultcell7 td .blk { color:#BBB !important; }
.resultcell6, .resultcell6 td { background-color:#FF6 !important; color:#666; }

.centeredhead { font-size:20px; text-align:center; margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #CCC; }

.gradingbox, .gradingboxSlim { border:1px solid #666; padding:10px; border-radius:10px; margin-bottom:5px; text-align:left; -moz-box-shadow: 5px 3px 7px #bbb; -webkit-box-shadow: 5px 3px 7px #bbb; box-shadow:5px 3px 7px #bbb; background-color: #FFF; cursor:pointer; }
.gradingboxSlim { padding:7px; line-height:22px; } 
.gradingboxRight, .gradingboxRight0, .gradingboxRight1, .gradingboxRight2, .gradingboxRightnone { float:right; width:50px; text-align:center; font-size:12px; margin-left:15px; padding:3px; background-color:#666; border-radius:4px; line-height:16px; color:#FFF; border:1px solid #000; }
.gradingboxRight a, .gradingboxRight0 a, .gradingboxRight1 a, .gradingboxRight2 a, .gradingboxRightnone a { color:#FFF; }
.gradingboxRight1 { color: #000; background-color:#BBB; }
.gradingboxRight2 { background-color:#900; color: #FFF; }
.gradingboxRightnone { background-color:transparent; border:1px none; color:inherit; }
.gradingboxRightnone.blueBox { width:40px; top:-7px; padding:0px; border-radius:0px; margin-left:5px; height:36px; line-height:36px; background-color:rgb(193, 217, 240); color: #000; }


.submitlg, .submitlg1, .submitlg2 { font-size:16px; background-color:#666; color:#FFF; padding:5px !important; border:1px solid #000; border-radius:5px; text-shadow:0px 0px 0px; cursor:pointer; text-decoration:none; font-weight: 100; line-height: normal !important; }
.submitlg1 { background-color:rgb(54, 102, 54); }
.submitlg2 { background-color:#A00; }
.submitlg:hover, .submitlg1:hover, .submitlg2:hover { color:#FFF; text-decoration:none; }
.submitlg:hover { background-color:#A00; }
.submitlg1:hover, .submitlg2:hover { background-color:#666; }
.inlinebutt, .inlinebuttactive { display:inline-block; border-radius:3px; width:75px; margin-right:5px; padding:2px; text-align:center; background-color:#CCC; color: #333; cursor:pointer; }
.inlinebutt:hover, .inlinebuttactive:hover { background-color:#393; color:#FFF; }
.inlinebuttactive { background-color:#A00; color:#FFF; }
.inlinebutt.shorter, .inlinebuttactive.shorter { width:45px; }
.inlinebutt.longer, .inlinebuttactive.longer { width:85px; }
.slimSubmit { font-size:13px; padding:3px; }
.slimSubmit.buttonIcon { background-size: 15px !important; }

.submitlg.buttonIcon, .submitlg1.buttonIcon, .submitlg2.buttonIcon, .buttonIcon { padding-left:28px !important; background-position: 5px center; background-size: 18px; background-repeat: no-repeat; }
.buttonIcon.smallIcon { padding-left:23px !important; background-size: 15px; }
.buttonIcon.LargerIcon { padding-left:30px !important; background-size: 20px; }
.buttonIcon.AddIcon { background-image: url(https://i.blackculm.com/w/1120-plus-circle.png); }
.buttonIcon.CloseIcon { background-image: url(https://i.blackculm.com/w/1126-cancel-circle.png); }
.buttonIcon.CloseIcon.smallIcon { background-image: url(https://i.blackculm.com/w/1135-cross3.png); }
.buttonIcon.ShareIcon { background-image: url(https://i.blackculm.com/w/1480-share.png); }
.buttonIcon.SaveIcon { background-image: url(https://i.blackculm.com/w/0394-floppy-disk.png); }
.buttonIcon.Cloud { background-image: url(https://i.blackculm.com/w/0892-cloud-upload2.png); }
.buttonIcon.CloudDark { background-image: url(https://i.blackculm.com/0892-cloud-upload2.png); }
.buttonIcon.Cog { background-image: url(https://i.blackculm.com/w/149-cog.png); }
.buttonIcon.Eye { background-image: url(https://i.blackculm.com/w/0943-eye.png); }
.buttonIcon.SendMail { background-image: url(https://i.blackculm.com/w/0307-envelop3.png); }
.buttonIcon.Ticked { background-image: url(https://i.blackculm.com/1399-checkmark-circle.png); }
.buttonIcon.Refresh { background-image: url(https://i.blackculm.com/w/02-redo.png); background-size: 18px; }
.buttonIcon.Back { background-image: url(https://i.blackculm.com/w/1235-arrow-left6.png); background-size: 18px; }
.buttonIcon.Print { background-image: url(https://i.blackculm.com/w/0361-printer2.png); background-size: 16px; }
img.smallIcon { width:18px; }


.filterChoices { padding:5px; display: inline-block; border-radius:5px; background-color:#555; color:#F5F5F5; cursor: pointer; margin-bottom: 5px; }
.filterChoices.showBelt { background-repeat: repeat-x; background-size: 100px 22px; background-position: 13px; width:50px; padding:1px 0px 1px 0px !important; border:1px solid #CCC; }
.filterChoices:hover { background-color: #000;}
#SaveFilterChooser { position:absolute; top:50px; right:10px; display:none; padding:10px; background-color:#999; font-size:16px; }
#SaveFilterName { width:180px; }

.iconpic, .iconpicno { background-image:url(https://i.blackculm.com/0069-camera.png); background-size:18px; background-repeat:no-repeat; background-position:center center; height:18px; width:18px; display: inline-block; }
.canClick { cursor: pointer;}
.mobilecss span.iconpic, .mobilecss span.iconpicno { display:inline-block; width:15px; }
.iconpicno { filter:alpha(opacity=20); opacity:0.1; background-image:url(https://i.blackculm.com/0070-camera2.png); }
.iconpic.isParent, .iconpicno.isParent { background-image:url(https://i.blackculm.com/0512-users2.png); height: 19px; width:19px; }
.iconpic.isFamily, .iconpicno.isFamily { background-image:url(https://i.blackculm.com/0525-users4.png); height: 19px; width:19px; }
.isFaded { filter:alpha(opacity=20); opacity:0.1; }
.multipleChoice { display:inline-block; }
.multipleChoice .chooseLabel { cursor:pointer; padding:5px 15px 5px 35px; border:1px solid #CCC; z-index:1000; font-size:14px; background-image:url(https://i.blackculm.com/1289-square-down.png); background-repeat:no-repeat; background-size:20px; background-position:5px; background-color: #FFFFFF; }
.multiChooser { overflow-y:auto; display:none; position:absolute; z-index:9999; background-color:#F5F5F5; padding:0px; border-radius:0px 0px 5px 5px; border:1px solid #AAA; margin-top:3px; }
.multiChooser label { display:block; padding:3px 3px 3px 10px; cursor:pointer; white-space: nowrap; }
.multiChooser label:hover, .multiChooser label.isSelected { background-color:#E5E5E5; }
.dropDownShield { position:fixed; top:0px; right:0px; bottom:0px; left:0px; background-color:rgba(255,255,255,0.7); z-index:999; width:100%; height:100%; display:none; }

.curvedbox { border:1px solid #CCC; padding:10px; border-radius:10px; margin-bottom:20px; }
.norules td { border-bottom:0px none !important; }
.largeinput { padding:10px !important; border-radius:10px; font-size:18px !important; }
.size14 input.hasDatepicker { font-size:14px !important; width:85px !important; }
.size16 input.hasDatepicker { font-size:16px !important; width:95px !important; }
.datestretch .ui-datepicker-inline { max-width:400px; }

.ui-page-theme-a { background-color:#FFF; }
.ui-input-btn input.submitlg { background-color:#666; opacity:1; color:#FFF !important; font-size:16px; text-indent:0px; }
.ui-input-btn input.submitlg:hover { background-color:#A00; }
.ui-input-btn input.submitlg2 { background-color:#A00; opacity:1; color:#FFF !important; font-size:16px; text-indent:0px; }
.ui-mobile-viewport .xp, .ui-mobile-viewport .xpnum, .ui-mobile-viewport .hasDatepicker { font-size:16px !important; }
.ui-mobile-viewport .hasDatepicker { width:100px !important; }

.imagepickerarea { width:450px; text-align:left; }
.imagepickerarea.bcv2 { width:auto; }
.widePicker .imagepickerarea { width:auto;}
.dockpicker { width:auto; }
.imagepickerarea .holdingfield { width:250px; border:0px none !important; background-color:transparent !important; }
.mainImgSrchArea { margin-top:10px; padding:10px; border:1px solid #CCC; background-color:#F5F5F5; }

.xp.searchimages { width:250px; }
.bcv2 .xp.searchimages { width:392px; background-image:url(https://i.blackculm.com/0571-search5.png); background-repeat:no-repeat; background-position:5px center; background-size:20px; padding:8px 8px 8px 30px; }
.imagepickerarea .imgpickerpreview { float:left; margin-left:20px;height:185px; width:150px; overflow:hidden; font-size:12px; z-index:99; text-align:center; }
.imagepickerarea.dockpicker .imgpickerpreview { height:50px; }
.imgpickerpreviewbox { width:150px; height:150px; }
.imgpickerpreviewbox img { max-width:150px; max-height:150px; }

.imagepickerarea.bcv2xx .imgpickerpreview { height:245px; width:200px; overflow:hidden; }
.bcv2xx .imgpickerpreviewbox { width:200px; height:200px; overflow:hidden; text-align:center; }
.bcv2xx .imgpickerpreviewbox img { max-width:200px; max-height:200px; }

.dockpicker .imgpickerpreviewbox { display:none; }
.imgpickerlist { float:left; width:250px; overflow:auto; height:150px; background-color: #FFFFFF; }
.bcv2 .imgpickerlist { padding:5px; width:350px; height: 290px; }
.imgpickerlist div { font-size:12px; padding: 2px; cursor:pointer; }
.imgpickerlist div:hover { background-color: #888; color:#FFF; }
.bcv2 .imgpickerlist div { font-size:14px; padding: 5px; }
.widePicker .imgpickerlist { width:65%; }
.dockpicker .imgpickerlist { width:350px; overflow:auto; }
.dateEntryField { width:80px; }

.label120 { margin-bottom:10px; float:left; padding-top:14px !important; min-width:120px; } 
.labelr200 { margin-bottom:10px; display:inline-block; }
@media print { 
.notprinting { display:none; }
}
.bootstraprow { margin-bottom:20px; padding-bottom:5px; } 
.bootstraplabel { font-size:14px; margin-bottom:5px; margin-right:10px; }
.mobilecss .bootstraplabel { font-size:16px; }
.NewTableRuled { border:1px solid #CCC; border-radius:5px; padding:10px; background-color:#FFF;  }
.NewTableRuled .bootstraprow { border-bottom:1px solid #E5E5E5; }

/* login */
.loginForm { width:450px; border:1px solid #CCCCCC; border-bottom:0px none; text-align:center;  }
.mobilecss .loginForm { width:auto; }
.loginForm .highlight { background-color:#000000; color:#FFFFFF; font-size:18px; line-height:30px; padding:20px; }
.formBody { font-size:16px; padding:20px; border-bottom:1px solid #CCCCCC; }
.loginForm .bootstraprow { margin-bottom:20px; } 
.loginForm .submitlg2 { width:100%; }
.formContainer { width:350px; }
.formContainer .xp { width:340px; font-size:16px; padding:4px; }
.formContainer .xp.isPassword { width:310px; padding-right:34px; }
.changepwview { position:absolute; right:0px; height:20px; top:4px; width:40px; cursor:pointer; z-index:999; }
.mobilecss .changepwview { bottom:20px; }
.changepwview img { height:20px; }

.filterimg { width:16px; vertical-align:middle; margin-right:4px; cursor:pointer; }

/* image picker */
.PreviewPaneimages, .PreviewPanedocuments { margin:5px 0px 5px 0px; }
.PreviewPaneimages { width:300px; clear:both; }
.bcv2 .PreviewPaneimages { clear:none; }
.PreviewPaneimages img { max-height:300px; max-width:300px; background-color:#FFF; }
.bcv2 .PreviewPaneimages img { max-height:420px; cursor: pointer; }
.PreviewPanedocuments { width:600px; }
.PreviewPanedocuments img { max-height:600px; max-width:600px; background-color:#FFF; }

.twocolselect { width:100%; }
.twocolselect tr:hover { background-color: #E5E5E5; }
.twocolselect td { font-size: 16px; padding:5px; width:50%; cursor: pointer; }
.twocolselect tr.freestyle td { width: auto; }
.hoverRows tr:hover { background-color: #E5E5E5; cursor: pointer; }

#notifybox { text-align:center; font-size:22px; line-height:40px; background-color:#393; position:fixed; top:0px; z-index:99999; color:#FFF; width:100%; }
#notifybox img { width:24px; height:23px; }
.cke_source { white-space: pre-wrap !important; }

.listviewhead td { font-weight: bold; }
.greyHover:hover { background-color: #F5F5F5; }
.lightSelected { background-color: #c5e2c5; }
.selectedStudent { cursor:pointer; }
.mugshot img { max-width:160px; max-height: 160px; }

.eventNav { display:inline-block; width:100px; margin-right:0px; background-color:#666; border:1px solid #000000; padding:3px; text-align:center; font-size:15px; color:#FFF; text-decoration:none; }
.eventNav.moreSpace { min-width:100px; width:auto; }
.eventNav:hover, .eventNav.isActive { background-color:#393; color:#FFF; text-decoration:none; }
.eventNav.isActive:hover { background-color:#000; }