@import url(////fonts.googleapis.com/css?family=Open+Sans);
body, div, p, h1, h2, h3, h4, h5, h6, form, ul { margin: 0; padding: 0; }

.emspace {font:10px/10px;height:10px;overflow:hidden;} .floatc {clear:both;} .nodisp {display:none;}
.loading, .loading * { cursor:wait; }
.clear {clear:both;height:0pt;line-height:0pt;overflow:hidden;}
.alignl { text-align:left !important; }
.alignc { text-align:center !important; }
.alignr { text-align:right !important; }

strong, th { font-weight: normal; }

h1, h2 { margin-bottom: 10px; padding-bottom: 5px; font-variant: small-caps; font-weight: bold; letter-spacing: 2px; color: #000000; }
h1 { font-size: 18px;  }
h2 { font-size: 14px; }



.list_icon { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

.print_stat { position: absolute; right: 27px; }
.timenow { font-size: 10px; font-weight: bold; }

/* site */
.wrapper_pd { min-width: 770px; margin: 0; }
.header_pd {
	position: relative;
	width: 100%;
	margin: 0 auto;
	/*height: 60px;*/
	padding: 0 0 9px 0;
	//padding: 0 0 7px 0;
}

	.header_pd td { padding: 0 10px; }
	.header_pd .pd_marketing { padding-top: 15px; }

/* Content */
.content_pd { min-height: 300px; height: auto !important; height: 300px;
	/*min-height: 300px; _height: 300px;*/
}
.content_pd.notpopup { padding: 20px 0 10px 0; }

.content_pd table ul { margin: 0 0 0 20px; }
.content_pd .leftside_content { padding: 5px 10px; margin: 0 0 0 5px; }
.content_pd .leftside_content div.legend { position: absolute; right: 10px; top: 0; width: 500px; padding: 5px; overflow: hidden; border: 1px solid #739ABF; }
.content_pd .leftside_content div.legend .box { width: 15px; height: 15px; margin: 0 5px 0 0; float: left; }
.content_pd .leftside_content div.legend .text { width: 100px; float: left; font-weight: bold; }

.headerlink { position: absolute; right: 25px; }
.page_desc { margin: 0 0 5px 0; line-height: 150%; }

.page_desc p { margin: 0 0 5px 0; }
.page_desc strong { color: #0095ff; }

.form_desc { margin: 5px 0; color: #666; font-size: 0.9em; line-height: 150%; }

.leftside_subcontent { margin: 0 15px; line-height: 150%; }

.content_pd .rightside_content { margin: 0 15px; line-height: 150%; }
.rightside_subcontent { margin: 0 0 0 5px; padding: 5px 20px 25px 10px; }
.rightside_subcontent .preview { margin: 15px 0 0 0; padding: 5px 10px; }
.rightside_subcontent .legend { width: 400px; margin: 10px 0 0 0; padding: 3px 5px; float: left; }
.rightside_subcontent .legend img { margin-right: 15px; }
.rightside_subcontent .list_action { float: right; margin: -30px 0 0 0; padding: 3px 5px; }

.footer_pd {
	position: relative; z-index: 0; height: 40px; padding: 5px 20px 0 0; font-size: 13px; letter-spacing: 0px; text-align: center;
	color: #000000;
}

.social_net { position: absolute; left: 20px; top: 10px; }
.social_net img { margin-right: 10px; }

.left_footer { margin: 0px 181px 0px 1px; padding: 5px 10px; text-align: right; background-color: rgba(255, 241, 31, 0.38); background: none repeat scroll 0%; border-top: 1px solid #fff; }

.right_footer a { position: absolute; right: 0px; top: 0px; z-index: 0; width: 179px; padding: 5px 0px; text-align: center; text-decoration: none; text-transform: capitalize; color: #fff; background-color: #686a6c; border-right: 1px solid #fff; }
.right_footer a span { height:28px; cursor:pointer; display:block; }
.right_footer a:hover { text-decoration: none; background-color: rgba(255, 241, 31, 0.38); border-top: 1px solid #fff; }


.common_link { float: right; padding: 3px 5px; margin: 10px 0 0 0; }
.common_link img { margin: 0 10px -5px 0; }

.smallbox { width: 232px; margin: 0 0 6px 0;
	border: 1px solid #c6c6c6; border-top: none;
	border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:11px;border-bottom-left-radius:11px;
	-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:11px;-webkit-border-bottom-left-radius:11px;
	-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:11px;-moz-border-radius-bottomleft:11px;
}
.smallbox .head { position: relative;
	padding: 4px 6px;
	font-weight: bold; font-size: 10px; letter-spacing: 1px; text-align: left; text-transform: uppercase;
	color: #fff; background: #6c6c6c;
}
.smallbox .head a { color: #fff; }

.cboxlink { position: absolute; right: 5px; font-size: 9px; text-transform: lowercase; }

.cbox { position: relative; padding: 10px 8px 4px 8px; font-size: 12px; text-align: left; background: url(https://zululabs.au.zuluedm.com/images/pd/shadow.gif) repeat-x; border-top: 2px solid #0095ff; }
.cbox ul { list-style: none; margin: 0 !important; }
.cbox ul li { padding: 3px 0px; border-bottom: 1px dashed #e2e5e7; }

.cbox .cbox_tbl {}
.cbox_tbl tr { vertical-align: top; }
.cbox_tbl td { padding: 0; line-height: 20px; border-bottom: 1px dashed #e2e5e7; }
.cbox_tbl td .cbox_desc { position: relative; }
.cbox_tbl td .cbox_desc div { position: absolute; left: 120px; top: 2px; width: 16px; height: 16px; cursor: pointer; background: url(https://zululabs.au.zuluedm.com/images/new_icons2/bullet_arrow_down.gif) no-repeat; }
.cbox_tbl td .cbox_desc div.up { background: url(https://zululabs.au.zuluedm.com/images/new_icons2/bullet_arrow_up.gif) no-repeat; }
.cbox_tbl td .moreinfo { padding: 5px; background: #efefef; }

.cbox p.note { margin-bottom: 10px; padding: 5px; font-size: 10px; line-height: 15px; text-align:center; background: #ffffef; border: 1px dashed #739abf; }
.cbox p.note strong { color: #d52927; }
.cbox #limitLockedDiv { font-weight: bold; font-size: 12px; color: #d52927; }
.cbox #limitLockedDiv a { margin-left: 5px; font-size: 9px;font-weight: normal; }

#openAll, #closeAll { background: #d52927; }

.main_menu { margin: 20px 0 0 0; font-size: 10px; }
.main_menu img { border: 0; }
.main_menu ul { list-style: none; }
.main_menu li { float: left; width: 205px; margin: 0 0px 0px 0; padding: 5px; cursor: pointer; background-color: #fff; border: 1px solid #fff; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); }
.main_menu li.activate { background-color: #f9f9f9; border-bottom: 1px dotted #ffafaf; -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }
.main_menu li.inactive { cursor: default; -moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); }
.main_menu li.inactive a { cursor: default; }
.main_menu li .icon { width: 50px; height: 50px; float: left; }
.main_menu li .blurb { width: 145px; height: 50px; padding: 0 5px; float: left; }
.main_menu li .blurb a:link, .main_menu li .blurb a:visited { text-decoration: none; color: #6c6c6c; }
.main_menu li .blurb a:hover { color: #d52927; }
.main_menu li .link { clear: both; padding: 5px 0 5px 10px; text-transform: uppercase; }
.main_menu li .link a { font-weight: bold; }

/* new block anchor style */
.main_menu.simp li, .main_menu.kyk.simp li { list-style: none; }
.main_menu.simp li.activate, .main_menu.kyk.simp li.activate {  }
.main_menu.simp li.inactive, .main_menu.kyk.simp li.inactive { cursor: default; }
.main_menu.simp li a, .main_menu.kyk.simp li a { width: 205px; height: 72px; cursor: pointer; display: block; color: #6c6c6c; }
.main_menu.kyk.simp li a { width: 220px; }
.main_menu.simp li a, .main_menu.kyk.simp li a { text-decoration: none; }
.main_menu.simp li a .link, .main_menu.kyk.simp li a .link { padding: 5px 0 5px 5px; font-weight: bold; color: #d52927; }
.main_menu.kyk.simp li a .link { padding: 10px 0 0 10px; }

.listing_tbl { clear: both; margin: 5px 0; line-height: 150%; border: 1px solid #000000; }
.listing_tbl.noborder { border: 0; }
.listing_tbl tr { vertical-align: middle; }
.listing_tbl th { padding: 5px 10px; text-align: left; background: #000000; color: #ffffff; }
.listing_tbl tr.evn { color:#000000;vertical-align: top; background: #e9eaec; }
.listing_tbl tr.odd { color:#000000;vertical-align: top; background: rgba(255, 239, 58, 0.1); }
.listing_tbl tr.subhead { vertical-align: top; background: #fcfcfc; }
.listing_tbl td { padding: 8px 10px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; font-size: 15px; }
.listing_tbl td.fieldname { width: 250px; font-weight: bold; font-size: 15px;}
.listing_tbl td.fieldname label { cursor: pointer; }
.listing_tbl .req { font-weight: normal; }
.listing_tbl .req em { color: rgba(255, 239, 58, 0.12); }
.listing_tbl input.text { width: 380px; font-size: 15px; }
.listing_tbl textarea.textarea { width: 380px; height: 100px;  font-size: 15px; }
.listing_tbl label { width: 150px; display: block; float: left; clear: left; font-size: 15px; }
.listing_tbl caption { padding-bottom: 5px; font-weight: bold; color: rgba(255, 240, 127, 0.38); text-align: left; }
.summ_head { color:#000000;font-weight: normal; }
.form_tbl { clear: both; margin: 0 0 5px 0; line-height: 150%; border: 1px solid #000000; }
.form_tbl.noborder { border: 0; }
.form_tbl tr { vertical-align: top; }
.form_tbl tr.evn { color:#000000;vertical-align: top; background: #e9eaec; }
.form_tbl tr.odd { color:#000000;vertical-align: top; background: rgba(255, 239, 58, 0.16); }
.form_tbl th { padding: 5px 10px; text-align: left; background: #000000; color: #ffffff; }
.form_tbl td { padding: 8px 10px; }
.form_tbl td.fieldname { width: 250px; font-weight: bold; }
.form_tbl td.fieldname label { cursor: pointer; }
.form_tbl .req { font-weight: bold; }
.form_tbl .req em { color: #d52927; }
.form_tbl input.text { width: 380px;  font-size: 15px; }
.form_tbl textarea.textarea { width: 380px; height: 100px; font-size: 15px; }

.clean_tbl {  }
.clean_tbl th { padding: 5px 10px; text-align: left; color: #ffffff; background: #4E5A68; }
.clean_tbl td { border: none; }
.clean_tbl .border { margin: 45px 0 0 0; text-align: center; }
.clean_tbl .border p { margin: 0 10px 20px 0; padding: 10px; border: 1px solid #739abf; }

.button_tbl { margin: 32px 0 0 0; border-left: 1px solid #0095ff; border-top: 1px solid #0095ff; border-right: none; border-bottom: none; }
.button_tbl td { padding: 3px 4px; cursor: pointer; text-align: center; border-bottom: 1px solid #0095ff; border-right: 1px solid #0095ff; }
.button_tbl td.active { padding: 3px 5px; background: rgb(246, 255, 126);; border-right: none; }
.button_tbl td:hover { background: rgb(246, 255, 126); }
.button_tbl a:hover { text-decoration: none; }
.button_tbl td img { height: 36px; }

.error { padding: 1px 5px; color: #cc0000; border: 1px solid #e4afaf; background: #ffe7e7; }
.succ { padding: 5px 5px 5px 30px; line-height: 150%; color: #0b3f00; border: 1px solid #4c8f3e; display: block; background: #e4ffdf url(https://zululabs.au.zuluedm.com/images/pd/tick.gif) 5px 5px no-repeat; }
.info { padding: 5px 5px 5px 30px; line-height: 150%; color: #000; border: 1px solid #d0d0d0; display: block; background: #dfe8f6 url(https://zululabs.au.zuluedm.com/images/pd/info.gif) 5px 5px no-repeat; }

#optionsDiv .error { padding: 10px 5px; color: #000; background: #dfe8f6; border: 1px solid #d0d0d0; }

div.button { margin: 8px; text-align: right; width: auto;}
div.submit { margin-top: 8px; }
span.button, span.button_popup { /*padding:2px 2px; display:-moz-inline-box;*/
	background-color: #0095ff;
	margin: 0; padding: 1px;
	display: inline-block;
	//display:inline;
}

a#backspecial:hover { text-decoration: none; }
a#edittemplatespecial:hover { text-decoration: none; }

span.button input, span.button_popup input { /*padding:2px 8px 4px;overflow:visible;*/ cursor:pointer;

	font-size: 15px;
	font-weight: normal;
	line-height: 32px;

	color: #fff;
	background-color: #0095ff;
	border: 1px solid #6d676a;
     /* 	   background: url(https://zululabs.au.zuluedm.com/images/pd/testbg.png) repeat-x; */

	overflow: visible;
	outline-width: 0;
}

.browse_mode { }
.browse_mode td { padding: 5px; }
.browse_mode td td { padding: 2px; }

.iframe_preview { display: none; height: 800px; overflow: scroll; border: 1px solid #739abf; padding: 5px; }

.modtab ul { margin: 0pt; overflow: hidden; padding: 0px 0px 0px 5px; margin: 0 !important; width: 90%; }
.modtab li {color: #ffffff; border-right: 1px solid #fff; background-color: #6d676a; display: block; float: left; list-style-image: none; list-style-position: outside; list-style-type: none; }
.modtab li a { color: #ffffff; background-color: #6d676a;width: 180px; padding: 5px 0px; display: block;  font-size: 14px; text-align: center; text-decoration: none; text-transform: capitalize; letter-spacing: 1px; background: #6d676a; border-top: 4px solid #fff; border-bottom: 2px solid #6d676a; }
.modtab li a:hover, .modtab li a.active, .modtab li a.active:hover {color: #000000; background-color:  rgb(246, 255, 126); border-bottom: 6px solid rgb(246, 255, 126); border-top: none;  padding: 8px 0px 2px; text-decoration: none; width: 180px; }
.modtab li a:hover { border-bottom: 2px solid #fff; border-top: 4px solid #fff; padding: 5px 0px; }
.campaign_info_progress { overflow: auto; margin: 0 10px 5px 0; }
.progressbarText { float: right; display: inline; width: 205px; padding: 3px 0 3px 8px; }
.progressbar { float: right; clear: both; display: inline; width: 200px; padding: 3px 0pt 3px 6px; background: url(https://zululabs.au.zuluedm.com/images/pd/progress_bg.gif) no-repeat; }
.progressbar img { padding: 0; margin: 0 0 0 -2px; }


/* Forms Specific */
input.text { font-size: 15px; width: 400px;height: 32px;}
input.short { width: 250px !important; height: 32px;}
input.tiny { width: 50px !important; height: 32px;}
select.select { font-size: 15px;height: 32px; }
select.multi { width: 380px; height: 180px; }

/* Login Specific */
.login_tbl { margin: 50px auto; width: 500px; }
.login_tbl .text { width: 165px; }
.login_tbl label { text-align: right; display: block; }
.login_tbl tr { vertical-align: top; }
.login_tbl th { padding: 4px 6px; position: relative; text-align: left; font-weight: bold; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #fff; background: #000000; border: 1px solid #999; border-bottom: 2px solid #0095ff; }
.login_tbl td.loginca, .login_tbl td.logincb, .login_tbl td.logincab { padding: 10px 8px 4px 8px; position: relative; font-size: 12px; border-bottom: 1px solid #c6c6c6; background: url(https://zululabs.au.zuluedm.com/images/pd/shadow.gif) repeat-x; }
.login_tbl td.loginca { text-align: left; border-left: 1px solid #c6c6c6; -moz-border-radius-bottomleft: 11px; -webkit-border-bottom-left-radius: 11px; }
.login_tbl td.logincb { text-align: left; border-right: 1px solid #c6c6c6; -moz-border-radius-bottomright: 11px; -webkit-border-bottom-right-radius: 11px; }
.login_tbl td.logincab { border-right: 1px solid #c6c6c6; -moz-border-radius-bottomright: 11px; -webkit-border-bottom-right-radius: 11px; border-left: 1px solid #c6c6c6; -moz-border-radius-bottomleft: 11px; -webkit-border-bottom-left-radius: 11px; }
.login_tbl th a:link, .login_tbl th a:visited { font-size: 8px; color:#fff; }
.login_tbl table td { padding: 5px 10px; }
.login_tbl div.button { }
.login_tbl .tbl_desc { padding: 20px 10px 20px 5px; line-height: 150%; font-size: 10px; width: 220px; }
.login_tbl .error { padding: 5px; color: #cc0000; border: 1px solid #e4afaf; background: #ffe7e7; line-height: 150%; }
.login_tbl .success { margin: 5px; padding: 5px; color: #006600; line-height: 150%; /*background: #e8ffe7; border: 1px solid #e8ffe7;*/}
.infologin { display: block;line-height:160%;padding: 15px 15px 15px 65px;background: #dfe8f6 url(https://zululabs.au.zuluedm.com/images/pd/_infobg.gif) 15px 15px no-repeat;border:3px double #fff;color:#6f6f6f; }

/* dTree Specific */
.dTreeNode { padding: 0; margin: 0; }
.dTreeNode img { padding: 0; margin: -1px 3px -2px 0; }

/* PD Payment Specific */
#securesitepopup { visibility: hidden; width: 280px !important; position: absolute; top: 0; right: 20px; z-index: 100; }
#securesitepopup table td { padding: 2px 3px; }

/* Invoice Table */
.invoice_tbl { border: 1px solid #000; border-width: 0 1px 1px 0; }
.invoice_tbl th { padding: 8px 10px; border: 1px solid #000; border-width: 1px 0 0 1px; background: #f0f0f0; }
.invoice_tbl td { padding: 5px 10px; border: 1px solid #000; border-width: 1px 0 0 1px; }

.invoice_sum_tbl { }
.invoice_sum_tbl td { padding: 3px 10px; }

/* Sort Table */
#sortTable th { height: 15px; }
#sortTable th.header { background: #4e5a68 url('https://zululabs.au.zuluedm.com/images/thbg.gif') no-repeat 2px 50%; cursor: pointer; }
#sortTable th.headerSortUp { background: #4E5A68 url('https://zululabs.au.zuluedm.com/images/asc.gif') no-repeat 2px 50%;}
#sortTable th.headerSortDown { background: #4E5A68 url('https://zululabs.au.zuluedm.com/images/desc.gif') no-repeat 2px 50%;}

.previewbox { border: 1px solid #739ABF; }

/* Used for EXT */
.x-btn-wrap td { padding: 0 !important; }
.tabs { background-image:url( https://zululabs.au.zuluedm.com/images/pd/tabs.gif ) !important;}
.new-tab {background-image:url( https://zululabs.au.zuluedm.com/images/pd/new_tab.gif) !important;}

/*
.x-tab-panel-header, .x-tab-panel-footer, ul.x-tab-strip-top { background: #4E5A68; }
.x-tab-strip-top .x-tab-strip-active .x-tab-left, .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner, .x-tab-strip-top .x-tab-strip-active .x-tab-right  { background: #336699; }
.x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner, .x-tab-strip-top .x-tab-right { background: #dddddd; }
.x-tab-strip span.x-tab-strip-text	{ color: #000000; }
.x-tab-strip-active span.x-tab-strip-text { color: #ffffff; }
*/

/* Preview */
#groupselections { height: 590px; width: 218px; overflow-x: hidden; overflow-y: scroll; font-size: 10px; }
.backbutton { position: absolute; right: 10px; top: 10px; }

/*- Help Icons */
.helpimg { position: relative; top: 3px; cursor: help; }

/* New icon classes and lengends */
.ac-icon { width: 70px; height: 20px; padding: 1px 0px 1px 26px; float: left; font: normal bold 10px/94%; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; border: 0; cursor: pointer; }

h1 a:hover { text-decoration: none;}
.ac-sml { width: 50px }
.ac-med { width: 90px }
.ac-lrg { width: 150px }
.ac-blue { color: #330099; cursor: default; }

.ic-preview { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/view_stats_sending_lists_v1.gif) left top no-repeat; }
.ic-campaign_preview { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/previewcampaign.gif) left top no-repeat; }
.ic-group { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/group.gif) left top no-repeat; }
.ic-addgroup { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/addgroup.gif) left top no-repeat; }
.ic-refresh { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/refresh.gif) left top no-repeat; }
.ic-movegroup { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/movegroup.gif) left top no-repeat; }
.ic-delete { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/delete.gif) left top no-repeat; }
.ic-contact { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/contact.gif) left top no-repeat; }
.ic-edit { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/edit.gif) left top no-repeat; }
.ic-duplicate { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/duplicate.gif) left top no-repeat; }
.ic-batch { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/batch.gif) left top no-repeat; }
.ic-view { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/view.gif) left top no-repeat; }
.ic-fieldgroup { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/fieldgroup.gif) left top no-repeat; }
.ic-stats { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/stats.gif) left top no-repeat; }
.ic-campaign_stats { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/view_stats.gif) left top no-repeat; }
.ic-template { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/template.gif) left top no-repeat; }
.ic-splash { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/splash.gif) left top no-repeat; }
.ic-form { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/form.gif) left top no-repeat; }
.ic-upload_image { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/upload_img.gif) left top no-repeat; }
.ic-upload_document { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/upload_doc.gif) left top no-repeat; }
.ic-batch_upload { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/batch.gif) left top no-repeat; }
.ic-category { background: transparent url(https://zululabs.au.zuluedm.com/images/pd/icons/actions/category.gif) left top no-repeat; }

/* Status Boxes n' Notifications */
p.info, div.info { width: 70%; padding: 10px 10px 10px 30px; font-size: 10px; color: #666; border: 1px dotted #c00; background: #fffde1 url(https://zululabs.au.zuluedm.com/images/pd/info.gif) 8px 10px no-repeat; }

.statusbox { width: 70%; padding: 10px 10px 10px 30px; margin: 1em 10px 5px 0; }
.statusbox ul { padding: 0; margin: 0; list-style: none; }
.statusbox img { margin: 3px 0 -2px 5px; }
.statusbox em { display: block; margin: 10px 0 0 0; font-size: 10px; color: #c00; }

.confirm { background: #effff3 url(https://zululabs.au.zuluedm.com/images/pd/subscriptions/check.gif) 8px 10px no-repeat; color: #333; border: 1px dotted #2dc10f; }
.declined { color: #c00; background: #ffdfdf url(https://zululabs.au.zuluedm.com/images/pd/removeN.gif) 8px 10px no-repeat; border: 1px dotted #FF1313; }
.notconfirm { background: #fff07f url(https://zululabs.au.zuluedm.com/images/pd/subscriptions/alert.gif) 8px 10px no-repeat; color: #333; border: 1px dotted #FF1313; }

/* kayako related classes */
#kyk { width: 98%; margin: 10px 1%; overflow: hidden; }
#kyk .rr { width: 240px; float: right; }
#kyk .ll { margin-right: 260px; }

.main_menu.kyk {}
.main_menu.kyk li { width: 220px; }
.main_menu.kyk li .icon img { width: 50px; height 50px; }
.main_menu.kyk li .link { width: 210px; /*padding: 10px 0 0 10px;*/ float: left; clear: none; }
.main_menu.kyk li .blurb { width: 160px; /*padding: 10px 0 0 0;*/ }
.main_menu.kyk li div a[href="javascript:;"] { color: #eee; cursor: default; }
.main_menu.kyk li div a[href="javascript:;"] img { filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; }

#kyk .smalltext b .kyk_head { display: none; }
#kyk input, #kyk select, #kyk textarea, #kyk textarea.swifttextarea { font: 13px}
#kyk .kyk_button, #kyk .yellowbutton, #kyk .bluebutton, #kyk .orangebutton { padding: 2px 7px; font-weight: bold; cursor: pointer; outline-width: 0; overflow:visible; /* background: url(https://zululabs.au.zuluedm.com/images/pd/testbg.png) repeat-x;*/
	border: 3px double #fff;
	color: #fff;
	background-color: #d52927;
}

#kyk table { margin: 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
#kyk .cbox a { display: block; padding: 4px 0; border-bottom: 1px dashed #e2e5e7; }
#kyk .newkbtable th { padding: 5px; text-align: left; background: url(https://zululabs.au.zuluedm.com/images/pd/icons/folder_large.gif) left center no-repeat; border-width: 1px 0; border-style: solid; background-color: #fafafa; border-color: #6c6c6c; }
#kyk .newkbtable th a { margin-left: 16px; font: bold 11px/16px; text-transform: uppercase; letter-spacing: 1px; color: #6c6c6c; }
#kyk .newkbtable td { padding: 5px; }
#kyk .newkbtable td a { padding: 5px 0 5px 16px; display: block; line-height: 12px; background: url(https://zululabs.au.zuluedm.com/images/pd/icons/folder_large.gif) left center no-repeat; }
#kyk .newkbtable td a.more { background: none; display: inline; padding: 0; font: bold 10px/32px; text-transform: uppercase; }
#kyk .swiftfieldset { margin: 0 0 10px 0; padding: 10px 20px; }
#kyk .swiftfieldset legend { padding: 0 10px; font: small-caps bold 18px; letter-spacing: 2px; color: #615e5c; }
#kyk .swiftfieldset .mediumtext ol { margin: 1em 0; margin-left: 0.5em; }
#kyk .swiftfieldset table { margin: 5px 0 0 0; }
#kyk .swiftfieldset .swiftselect { width: 210px; }
#kyk .swiftfieldset table input { width: 204px; }
#kyk .swiftfieldset table input.bluebutton, #kyk .swiftfieldset table input[type='radio'] { width: auto }

#kyk .swiftfieldset input.fer, #kyk .swiftfieldset textarea.fer { background: #ffdee4; border: 2px solid #d52927; }
#kyk .swiftfieldset #msgdeterr, #kyk .swiftfieldset #msgtxterr { display: none; color: #d52927; font: bold 11px/21px verdana; }

#kyk table.tborder { width: auto; margin: 10px 0; }

#kyk td.highlightpage { width: 80px; padding: 0 5px; font: bold 11px/21px; text-align: center; text-transform: uppercase; border-width: 1px; border-style: solid; color: #fff; background-color: #6c6c6c; border-color: #f1f1f1; }
#kyk td.navpageselected, #kyk td.navpage { padding: 0 5px; border-width: 1px; border-style: solid; border-color: #f1f1f1; }
#kyk td.navpageselected { color: #fff; background: #d52927; }
#kyk td.navpageselected a { color: #fff; }

#kyk td.tcat { padding-bottom: 10px; font: small-caps bold 18px/24px; letter-spacing: 2px; color: #615e5c; }
#kyk td.tabletitlerow { width: 20%; padding: 5px 0; color: #fff; background-color: #6c6c6c; }
#kyk td.tabletitlerow a { font: bold 11px/16px; text-transform: uppercase; letter-spacing: 1px; color: #fff; }
#kyk td.contenttableborder table { line-height: 16px; color: #666; }
#kyk td.contenttableborder table td { padding: 5px 0; }
#kyk tr.rowhighlight { background-color: #fff8e9; }
#kyk tr.row1 { background-color: #fff; }
#kyk tr.row2 { background-color: #eee; }
#kyk tr.rowhighlight td, #kyk tr.row1 td, #kyk tr.row2 td { /*border-width: 1px; border-style: solid; border-color: #e0e0e0;*/ }
#kyk table table div.tabletitle table td, #kyk table table table.smalltext #newstitle { padding: 5px 0; font: bold 11px/16px; text-transform: uppercase; letter-spacing: 1px; border-width: 1px 0; border-style: solid; color: #6c6c6c; background-color: #fafafa; border-color: #6c6c6c; }
#kyk table table table.smalltext #newstitle { display: block; margin-top: -20px; }
#kyk a#articlelink { font: bold 12px/14px; }
#kyk table table .articletitle { display: block; padding: 10px 0; font: bold 14px/16px; color: #d52927; }
#kyk table table table table.smalltext, #kyk table table table table.row2 { margin: 5px 0; }
#kyk table table table table.row2 { background-color: #fff8e9; }
#kyk table table table table.smalltext table, #kyk table table table table.row2 table, #kyk table table table.smalltext table, #kyk table table table.row2 table { margin-top: 5px; }
#kyk table table div.tabletitle table td a { cursor: pointer; }
#kyk #comments td.smalltext { padding: 10px 0; }
#kyk table table table.smalltext .mediumtext, #kyk table table table.row2 .mediumtext, #kyk table.smalltext #moduletitle, #kyk table.row2 #moduletitle { font: bold 12px/14px; }

#kyk .irsui { margin-bottom: 10px; }
#kyk .irsui .articletitle { padding: 0 0 5px 0; }

#kyk .ticketpostname { font: small-caps italic bold 14px/19px; color: #615e5c; }
#kyk .rowpost td table td span.smalltext { font: 10px/16px; }
#kyk .rowpost table td .mediumtext { display: block; padding: 10px 0 20px 0; border-top: 1px dotted #aaa; }

#kyk .commenthr { font: 10px/32px; background: none; border: none; }
#kyk #commentdata { margin-bottom: 10px; border: 1px solid #6c6c6c; border-top: 0; }
#kyk #commentdata .commentrow1, #kyk #commentdata .commentrow0 { padding: 10px; }
#kyk #commentdata .commentrow1 { background: #fff; }
#kyk #commentdata .commentrow0 { background: #888; color: #fff; }

#kyk .irsui table .smalltext br, #kyk .irshr, #kyk .tickethr, #kyk img[src $="space.gif"], #kyk img[src $="blueblockarrow.gif"], #kyk [background $="linerepeat.gif"] { display: none; }
#kyk td[bgcolor] { background: none; }
#kyk .cbox a[href $="javascript:;"] { cursor: default; color: #ccc; }
#kyk .cbox a[href $="javascript:;"]:hover { text-decoration: none; }

#kyk span.articlepreview { display:none; }

/* new login */
.logwrp { width: 520px; margin: 50px auto; overflow: hidden; }
.logwrp .ll { width: 340px; float: left; }
.logwrp .rr { width: 330px; float: right; }

.login_tbl { width: 340px; margin: 0; }
.loghed { padding: 4px 6px; overflow: hidden; font-weight: bold; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #fff; border: 1px solid #6d676a; border-bottom: 2px solid #0064b4; background: #6d676a; }
.loghed span { width: 68%; float: left; }
.loghed a { width: 30%; float: right; text-align: right; font-size: 9px; color: #fff; }

.logcon { overflow: hidden; padding: 20px 10px 10px 10px; background: /*url(https://zululabs.au.zuluedm.com/images/pd/shadow.gif) left top repeat-x;*/ min-height: 152px; height: auto !important; height: 134px; font-size: 12px;
	border: 1px solid #c6c6c6; border-top: none;
	border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:11px;border-bottom-left-radius:11px;
	-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:11px;-webkit-border-bottom-left-radius:11px;
	-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:11px;-moz-border-radius-bottomleft:11px;
}
.logcon .ll { width: 310px; /*float: left;*/ }

.logcon label { width: 100px; float: left; margin-right: 5px; padding: 5px 0; height: 32px;}
.logcon input[type="text"], .logcon input[type="password"] { width: 194px; margin: 0; padding: 0; padding: 4px 2px; float: left; }
.logcon label, .logcon input, input.button {  font-size: 15px; line-height: normal ;height: 32px; }
.logcon span.button { float: right; margin-right: 5px; }

/* uncomment once IE7 no longer supported */
/*input.button { margin: 0 3px 0 0; padding: 2px 7px; cursor: pointer; background: url(https://zululabs.au.zuluedm.com/images/pd/testbg.png) repeat-x;
	font-weight: bold; color: #fff; background-color: #d52927;
	outline-width:0;overflow:visible;border:3px double #fff;
}*/

.logcon .error, .logcon .begin, .logcon .success { font-size: 10px; }
.logcon .begin, .logcon .success { margin: 0; padding: 0 5px; }

.logcon .valu { line-height: 21px; }
.logcon .valu { width: 76px; float: left; overflow: hidden; text-align: center; }
.logcon .valu img { width: 64px; height: 64px; }
.logcon .emspace.floatc.sm { height: 1px; }
.logcon #message { font-size: 9px; }
.logcon #message div { padding: 2px 0 0 20px; min-height: 16px; height: auto !important; height: 16px; }
.logcon #message .ys { background: url(https://zululabs.au.zuluedm.com/images/pd/icons/login/yes.png) left top no-repeat; }
.logcon #message .no { background: url(https://zululabs.au.zuluedm.com/images/pd/icons/login/no.png) left top no-repeat; }

/* smartsearch */
.ssiframe { width: 98%; height: 600px; margin: 0 1%; }

/* video tutorials */
.tutvidwrp { width: 100%; overflow: hidden; }
.tutvidwrp h2 { clear: both; margin: 0; padding: 0; }
.tutvidwrp .con { width: 64px; height: 80px; padding: 10px; margin: 0 10px 10px 10px; float: left; overflow: hidden; }
.tutvidwrp .con .img { width: 64px; height: 48px; background: #fff url(https://zululabs.au.zuluedm.com/images/pd/play-video-48.png) center no-repeat; }
.tutvidwrp .con .lnk { width: 64px; height: 32px; font: 10px/12px; text-align: center; }


.htmlicious { float: left; margin-right: 5px; }
div.htmlicious {  padding: 0 10px; font: bold 10px/22px; text-transform: uppercase; color: #333; background: #b8b8b8; border: 1px solid #929292; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
div.htmlicious.doitnow { color: #fff; background: #5c9ccd; border-color: #29608a; cursor: pointer; }
span.htmlicious, select.htmlicious {
	float: right;
}
span.htmlicious {
	width: 200px;
	padding: 2px 0;
	font: 10px/10px;
	text-transform: uppercase;
	text-align: right;
}
select.htmlicious {
	height: 24px;
	margin: 0;
	padding: 3px;
	font: bold 10px;
	text-transform: uppercase;
	color: #333;
	border: 1px solid #929292;
}
.htmlicious-textarea { width: 98%; height: 350px; margin: 0; font: 11px/14px; background: #eee; border: 1px solid #ccc; }

.small_info { font-style:italic;color:grey; }
.subscriber_history_number { width:50px; text-align:center; font-size:22px; vertical-align:middle; }

/* paging */
.paging { margin: 20px 0; font: 9px/14px; text-align: center; text-transform: uppercase; cursor: default; }
.paging span { color: #aaa; }
.paging strong { padding: 5px; font: bold 14px/21px; }
.paging a { padding: 5px; font: bold 11px/21px; color: #0095ff; }
.paging a:hover { background: #0095ff; color: #E9EAEC; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/* tables */
.table_std {
    background:none repeat scroll 0 0 #FFFFFF;
    border-collapse:collapse;
	
    font-size:12px;
    text-align:left;
    width:100%;
}
.table_std th {
    border-bottom:2px solid #6678B1;
    color:#0095ff;
    font-size:14px;
    font-weight:normal;
    padding:10px 8px;
}
.table_std td {
    border-bottom:1px solid #CCCCCC;
    color:#666699;
    padding:6px 8px;
}

.error_msg { padding:7px;padding-left:32px;border:1px solid #CC0000;background:#FFE7E7 url(https://zululabs.au.zuluedm.com/images/pd/icons/login/no.png) 7px 5px no-repeat;color:#CC0000;font-weight:bold; }
.info_msg { padding: 5px 5px 5px 30px; line-height: 150%; color: #000; border: 1px solid #d0d0d0; display: block; background: #dfe8f6 url(https://zululabs.au.zuluedm.com/images/pd/icons/info.gif) 5px 5px no-repeat; }

.dashboard_widget { border:1px solid grey;width:350px !important;height:210px !important;float:left;margin:0px 10px; }
.dashboard_widget .widget_content { text-align:center; }
.dashboard_widget .widget_content table { width:100%; }
.dashboard_widget .widget_content table td { border-bottom:1px dashed #E2E5E7;padding:8px; }



/********* On Off Switch Styling ************/
.onoffswitch {
    position: relative; width: 86px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 50px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 24px; padding: 0; line-height: 24px;
    font-size: 16px; color: white;  font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 12px;
    background-color: #F3AB3E; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 12px;
    background-color: #fff07f; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 31px; margin: -3.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 58px;
    border: 2px solid #999999; border-radius: 50px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.support {
	margin: 10px 0 0;
	background-color: white;
	padding: 26px 20px; }
@media (min-width: 768px) {
	.support {
		padding: 26px 30px 26px 40px; } }
.support h5 {
	font-size: 1.429em;
	margin-bottom: 16px; }
.support .input-wrapper {
	display: inline-block;
	border: 1px solid #c8c8c8;
	width: 75%;
	margin-right: 2px; }
@media (min-width: 850px) {
	.support .input-wrapper {
		margin-left: 35px;
		width: 50%; } }
@media (min-width: 992px) {
	.support .input-wrapper {
		margin-left: 0; } }
.support input[type="text"] {
	width: 100%;
	height: 40px;
	border: none;
	padding-left: 10px; }
.support .left-col {
	width: 100%; }
@media (min-width: 768px) {
	.support .left-col {
		width: 53%; } }
.support .right-col {
	width: 100%; }
@media (min-width: 768px) {
	.support .right-col {
		width: 45%; } }
.support .search-btn {
	cursor: pointer;
	padding: 7px 10px 10px;
	text-align: center;
	background-color: #fff07f;
	font-size: 1.286em;
	width: 50%;
	display: inline-block;
	margin-top: 20px; }
@media (min-width: 850px) {
	.support .search-btn {
		margin-top: 0;
		width: 95px; } }
.support .grey-well {
	background-color: #e2e2e2;
	padding: 50px 0 50px 0;
	margin-bottom: 20px;
	position: relative;
	text-align: center; }
@media (min-width: 850px) {
	.support .grey-well:before {
		content: '';
		display: block;
		position: absolute;
		top: -10px;
		left: -45px;
		background-image: url("https://zululabs.au.zuluedm.com/css/images/new_design/zulu-logo-simple.png");
		width: 134px;
		height: 215px; } }
@media (min-width: 992px) {
	.support .grey-well:before {
		left: -70px; } }
.support .links {
	text-align: center; }
.support .links a {
	font-size: 1em;
	text-decoration: underline; }
.support .rss-feed {
	margin-top: 30px; }
@media (min-width: 768px) {
	.support .rss-feed {
		margin-top: 0px; } }
.support .rss-feed small {
	font-size: 0.857em; }
.support .rss-feed p {
	font-size: 1em;
	margin-top: 15px; }
.support .rss-feed a {
	font-size: 0.857em;
	text-decoration: underline; }

.menu {
    margin-top: 17px;
    padding: 0;
    text-align: center; }
@media (min-width: 992px) {
    .menu {
        text-align: right; } }
.menu ul {
    padding: 0;
    margin: 0;
    display: block; }
@media (min-width: 768px) {
    .menu ul {
        display: inline-block; } }
.menu ul li {
    display: inline-block;
    margin: 0 10px 0 0;
    line-height: 18px;
    border-right: 2px solid black;
    padding-right: 15px;
    font-size: 0.857em; }
@media (min-width: 768px) {
    .menu ul li {
        font-size: 1em; } }
.menu ul li:nth-child(3) {
    border: none;
    margin: 0;
    padding: 0; }
@media (min-width: 768px) {
    .menu ul li:nth-child(3) {
        margin: 0 10px 0 0;
        border-right: 2px solid black;
        padding-right: 15px; } }
.menu .social-icons {
    border: none;
    margin: 20px 0 0 0;
    padding: 0;
    display: block; }
@media (min-width: 768px) {
    .menu .social-icons {
        margin: 0;
        padding: 0 0 0 4px;
        display: inline-block; } }

.side-menu.open {
    background-color: #c8c8c8; }
.side-menu.open .simple-caret i {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.side-menu.open .menu-options .simple-caret i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
.side-menu.open .menu-options {
    display: block; }

.side-menu .menu-header-container {
    margin: 0 -10px 10px; }

.side-menu .menu-header {
    display: block;
    background-color: white;
    line-height: 1;
    padding: 17px 15px;
    float: left;
    width: 90%; }
.side-menu .menu-header p {
    margin: 0; }

.side-menu .simple-caret {
    display: block;
    float: left;
    width: 10%;
    background-color: white;
    padding: 14px 13px;
    cursor: pointer; }

.side-menu .menu-options {
    padding: 0;
    margin: 0;
    display: none; }
.side-menu .menu-options li {
    position: relative; }
.side-menu .menu-options li.sub-menu > div {
    width: 100%;
    margin: 10px 0; }
.side-menu .menu-options li.sub-menu > div a {
    width: 90%;
    margin: 0;
    float: left; }
.side-menu .menu-options li.sub-menu > div span {
    display: block;
    width: 10%;
    float: left;
    padding: 10px;
    background-color: white; }
.side-menu .menu-options li a {
    background-color: white;
    padding: 10px;
    margin: 10px 0;
    display: block; }
.side-menu .menu-options li i.right {
    float: right; }
.side-menu .menu-options li .simple-caret {
    float: right;
    display: inline;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: 5px; }
.side-menu .menu-options li.active {
    background-color: #fff07f; }
.side-menu .menu-options li.active > a {
    background-color: #fff07f;
    margin-bottom: 0;
    font-weight: bold; }
.side-menu .menu-options li.active .simple-caret i {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.side-menu .menu-options li.active.sub-menu > div a {
    background-color: #fff07f; }
.side-menu .menu-options li.active.sub-menu > div span {
    background-color: #fff07f; }
.side-menu .menu-options li.active .badge {
    display: none; }
.side-menu .menu-options li.active .sub-items {
    display: block; }
.side-menu .menu-options li.sub-active > a {
    font-weight: bold; }
.side-menu .menu-options li.selected {
    background-color: #fff07f; }
.side-menu .menu-options li.selected > a {
    background-color: #fff07f;
    font-weight: bold; }
.side-menu .menu-options li.selected .badge {
    display: none; }
.side-menu .menu-options li.selected.sub-menu > div a {
    background-color: #fff07f; }
.side-menu .menu-options li.selected.sub-menu > div span {
    background-color: #fff07f; }
.side-menu .menu-options li .badge {
    border-radius: 50%;
    background-color: red;
    line-height: 14px;
    float: right;
    font-weight: normal; }

.side-menu .sub-items {
    display: none;
    padding: 0 10px 0 27px; }
.side-menu .sub-items li {
    position: relative; }
.side-menu .sub-items li a {
    background-color: #fff07f;
    border-top: 1px solid black;
    padding: 8px;
    font-weight: normal;
    margin: 0; }
.side-menu .sub-items li:first-child a {
    border: none; }
.side-menu .sub-items li.sub-active:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 10px;
    border-color: transparent transparent transparent #fff07f; }

.content-menu {
    margin: -10px -10px 10px -10px;
    padding: 10px 10px 0 10px;
    background-color: #cacbcb;
    position: relative; }
.content-menu ul {
    padding: 0;
    margin: 0; }
.content-menu ul li {
    display: inline-block; }
.content-menu ul li img {
    max-height: 40px;
    max-width: 40px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 5px;
    bottom: 0; }
.content-menu a {
    padding: 15px 10px 15px 15px;
    margin: 0;
    background-color: #6c6d6f;
    color: white;
    text-decoration: none;
    float: left;
    height: 50px;
    position: relative; }
@media (min-width: 700px) {
    .content-menu a {
        padding: 5px 10px 15px 15px; } }
@media (min-width: 700px) {
    .content-menu a {
        padding: 15px 10px 15px 15px; } }
.content-menu a:hover, .content-menu a:active {
    text-decoration: none;
    color: #e2e2e2; }
.content-menu a span {
    display: none; }
@media (min-width: 768px) {
    .content-menu a span {
        display: inline; } }
@media (min-width: 700px) {
    .content-menu .options {
        float: left; } }
.content-menu .options li {
    float: left;
    margin: 0;
    width: 5%; }
@media (min-width: 425px) {
    .content-menu .options li {
        margin: 0 0 0 15px;
        width: inherit; } }
@media (min-width: 768px) {
    .content-menu .options li {
        margin: 0 0 0 3px; } }
@media (min-width: 1200px) {
    .content-menu .options li {
        margin: 0 0 0 15px; } }
.content-menu .options li:first-child {
    margin: 0; }
.content-menu .over-content {
    display: none;
    width: 100%;
    z-index: 999;
    background-color: rgba(226, 226, 226, 0.7); }
@media (min-width: 700px) {
    .content-menu .over-content {
        position: absolute;
        top: 60px;
        left: 0;
        padding: 0 10px 45px 0; } }
.content-menu .over-content .search-box {
    background-color: white;
    width: 100%;
    float: right;
    padding: 7px;
    border-top: none; }
@media (min-width: 700px) {
    .content-menu .over-content .search-box {
        border: 3px solid #c8c8c8;
        width: 50%; } }
.content-menu .over-content .search-options {
    border: 3px solid #c8c8c8;
    padding-top: 19px; }
.content-menu .over-content .search-options input[type="radio"] {
    margin-right: 18px; }
.content-menu .over-content .search-options p {
    margin: 0;
    padding-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid black; }
.content-menu .over-content .search-options ul {
    padding: 0; }
.content-menu .over-content .search-options ul li {
    padding: 10px 0 10px 15px;
    display: list-item;
    border-bottom: 1px solid #e2e2e2; }
.content-menu .search {
    display: none;
    /* Hide search for now */
    cursor: pointer; }
.content-menu .search p {
    display: none; }
.content-menu .search a {
    margin: 0;
    padding: 0;
    background-color: transparent; }
.content-menu .search i {
    padding: 11px 12px;
    margin: 0;
    background-color: #6c6d6f; }
.content-menu.search-active .options ul li img {
    left: 0;
    right: 0; }
.content-menu.search-active .options ul li span {
    display: none; }
.content-menu.search-active a {
    text-align: center; }
.content-menu.search-active .over-content {
    display: block; }
@media (min-width: 700px) {
    .content-menu.search-active .search {
        width: 50%;
        background-color: white;
        margin-right: 3px; } }
.content-menu.search-active .search p {
    font-size: 1.286em;
    float: left;
    padding: 11px;
    margin: 0;
    font-weight: bold; }
@media (min-width: 700px) {
    .content-menu.search-active .search p {
        display: block; } }
.content-menu.search-active .search a {
    float: right; }
.content-menu.search-active .search i {
    color: #6c6d6f;
    background-color: white; }
@media (min-width: 700px) {
    .content-menu.search-active .search i {
        margin: 2px 3px 0 0; } }

/*the container must be positioned relative:*/
.custom-select {
	position: relative;
}
.custom-select select {
	display: none; /*hide original SELECT element:*/
}
.select-selected {
	background-color: #0095ff;
}
/*style the arrow inside the select element:*/
.select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
	border-color: transparent transparent #fff transparent;
	top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
	color: #ffffff;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
}
/*style items (options):*/
.select-items {
	position: absolute;
	background-color: DodgerBlue;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
	display: none;
}
.select-items div:hover, .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}