/* css reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	ul, ul li { margin: 0; padding: 0; list-style: none }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	th { text-align: left; }
	input, textarea, select { font-size: 100%; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; }
/* css reset end */

/* elements */
body {line-height: 1.4; font-size: 62.5%; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; background: url(../img/body.gif) repeat-x;}

a { color: #0066CC }
a:hover { color: #000 }

/* common classes */
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.j { text-align: center; }
.t { vertical-align: top; }
.imgr { float: right; margin: 0 0 0.5em 20px }
.imgl { float: left; margin: 0 20px 0.5em 0 }
.imp { color: #bbbb00;  }
input.labelHighlight { color: #bbbb00; }

.left {float:left;}
.right {float:right;}
.clear {clear: both;}

.gray {color: gray !important;}
.green {color: green;}

tr.deleted, tr.deleted td, .adminform tr.deleted, .adminform tr.deleted td {background-color: #FFD2D2 !important;}
tr.changed, tr.changed td, .adminform tr.changed, .adminform tr.changed td {background-color: #FFFF99;}

/* layout */
/* header */
#header { margin: 0 0 0 22px; font-size: 110%; }
#header .header-in { width: 100%; overflow: hidden; }
#header #logo { float: left; height: 76px; }

#preview { float: left; color: #fff; margin: 30px 0 0 25px;}
#preview:hover { color: #0066CC }

#adminuser { float: right; color: #fff; background: url(../img/ico-user.png) no-repeat; padding: 0 0 0 20px; margin: 25px 15px 0 0; display: inline; }
#adminuser a { color: #bbb; margin: 0 5px 0 0; }
#adminuser a:hover { color: #fff }

#adminmutations { float: right; color: #fff;  margin: 25px 40px 0 0; display: inline; }
#adminmutations label { font-weight: bold; }
#adminmutations select { background-color: #4D4D4D; border: 1px solid #000; color: #fff; width: 110px; font-size: 10px; padding: 3px;}

/* main content */
.home #content { background: none }
#content { font-size: 110%; overflow: hidden; background: url(../img/content.gif) repeat-y 15px 0; width: 100%;}
#content h1 { font-size: 250%; font-weight: normal; margin: 0 0 15px 0;  }
#section { padding: 0 0 30px 0; margin: 0 0 0 260px; }
#footer { background: url(../img/footer.gif) repeat-x; color: #999; font-size: 110%; padding: 0 0 0 35px; clear: both;}
#footer .footer-in { width: 100%;  overflow: hidden; padding: 30px 0; }
#footer a { color: #999;  }
#footer a:hover { text-decoration: none; }
#footer .copy { float: left; }
#footer .created { float: right; margin: 0 15px 0 0; display: inline; }

/* login form */
#loginform { padding: 30px 20px 30px 340px; background: url(../img/bmlogo.png) no-repeat 15px 50px;}
#loginform .label { width: 8em }

fieldset { background: url(../img/fieldset.gif) repeat-x bottom; padding: 0 0 10px 0; }
.home fieldset { background: none; }
.form { width: 100%; margin: 15px 0 0 0; }
.form td { padding: 8px 15px; }
.form .odd td { background: #fff }
.form .even td { background: #F9F9F9 }
.text { padding: 5px; border: 1px solid #CACACA; width: 120px; }

.submit, .submit-nobox, .back, .editor input { border:1px solid #999; color: #fff; background: #696969 url(../img/btn-gray.gif) repeat-x 0 -50px; cursor: pointer; padding: 3px 10px; margin: 0 5px 0 0; }

.editor input[type='checkbox'], input[type='checkbox'] { border: none;}

.submit.imp, .submit-nobox.imp, .back.imp, .editor input.imp { font-weight: bold; }
.submit:hover, .submit-nobox:hover, .back:hover, .editor input:hover { background: #4F4F4F url(../img/btn-gray.gif) repeat-x 0 0;  }
.info { margin: 15px 0; }

#wrapper{float:right;width:100%;margin:0 15px 0 -260px}

/* navigation */
#aside { float: left; width: 215px; margin: 0 0 0 15px;}
#nav { background: #EAEAEA; font-size: 110%; }
#nav ul { margin: 10px 10px 0 10px; }
#nav li { margin: 0 0 10px 0; }
#nav li ul { margin: 0; padding: 10px 0; background: #F8F8F8; }
#nav a { display: block; font-weight: bold; text-decoration: none; color: #000; background: #FBFBFB url(../img/nav.gif) repeat-x bottom; position:relative; }
#nav a .ico { display: block;padding: 6px 25px 8px 35px; background-position: 12px 6px !important;  }
#nav li li { margin: 0; }
#nav li li a { background: none; font-size: 90%; color: #06C; padding: 4px 10px 4px 25px;}
#nav li li a:hover { color:#fff; background: #4382B8 url(../img/nav-ul-ul-hover.gif) repeat-x; }
#nav li .toggle { position: absolute; top: 10px; right: 15px; display: block; width:10px; height: 10px; background: url(../img/ico-plus.png) no-repeat; }
#nav li .expand { background: url(../img/ico-arrow.png) no-repeat; }
#nav li.selected a { background: #EBF6FE url(../img/nav-active.gif) repeat-x bottom }
#nav li.selected ul { background: url(../img/nav-ul-ul-active.gif) repeat-x #DBEFFD }
#nav li.selected li a { background: none }
#nav li.selected li.selected a, #nav li.selected li a:hover { background: #4382B8 url(../img/nav-ul-ul-hover.gif) repeat-x; color: #fff }
.ico { background: url(../img/ico-posts.png) no-repeat; }

/* datagrid */
.datagrid { width: 100%; margin: 10px 0;  }
.datagrid caption { /*display: none;*/ }
.datagrid td { padding: 8px 10px; border-bottom: 1px solid #D2CBCB }
.datagrid .odd { background: #F9F9F9 }
.datagrid tbody tr:hover { background-color: #f3f3f3 !important; }
.datagrid tbody tr.clicked { background-color: #D2ECFD !important; }
.datagrid tbody tr.active { background-color: #5D9ED4 !important; color: white !important; }
.datagrid thead td, .datagrid tfoot td { color: #fff; font-weight: bold; background: #A0A0A0 }
.datagrid thead a, .datagrid tfoot a { color: #fff; height: 12px;}
.datagrid tbody a { color: #000; }
.datagrid tbody a:hover { text-decoration: none; }
.datagrid .functions { min-width: 100px; *width: 120px; }
.datagrid .functions a { float: left; margin: 0 2px;}
.datagrid thead a.adminsort {padding-right: 14px;}
.datagrid thead a.adminsort.act.asc {background: url(../img/ico-movedown.gif) no-repeat 100% 100%;}
.datagrid thead a.adminsort.act.desc {background: url(../img/ico-moveup.gif) no-repeat 100% 100%;}
.datagrid thead a.adminsort.act.asc:hover, .datagrid thead a.adminsort.act.desc:hover {background-position: 100% 1px;}

.Detail, .Edit, .Delete, .MoveDown, .MoveUp, .Download, .Jump { text-indent: -9999px; float: left; width: 12px; height: 12px; margin: 2px 4px 2px 0;}
.Detail { background: url(../img/ico-detail.gif) no-repeat 0 100%; }
.Delete { background: url(../img/ico-delete.gif) no-repeat 0 100%;}
.Edit { background: url(../img/ico-edit.gif) no-repeat 0 100%; }
.MoveUp { background: url(../img/ico-moveup.gif) no-repeat 0 100%; }
.MoveDown { background: url(../img/ico-movedown.gif) no-repeat 0 100%; }
.Jump { background: url(../img/ico-jump.png) no-repeat 0 100%; }
.Download { background: url(../img/ico-download.gif) no-repeat 0 100%; }
.Detail:hover, .Edit:hover, .Delete:hover, .MoveUp:hover, .MoveDown:hover, .Download:hover, .Jump:hover { background-position:  0 0; }

.filters { width:100%; overflow: hidden; background: url(../img/filters.gif) repeat-x bottom; padding: 0px 0 10px 0;  }
.filters p { float: left; margin: 0 0 0 20px; }
.filters select { border: 1px solid #CACACA; padding: 3px; width:120px; }

.maintitle { width:100%; background: url(../img/maintitle.gif) repeat-x bottom; overflow: hidden; padding: 20px 0 30px 0; }
.maintitle h1 span { display: block; font-size: 60%; }
.maintitle .button { border: 1px solid #4281B7; background: #696969 url(../img/btn-blue.gif) repeat-x 0 -50px; color: #fff; font-weight: bold; text-decoration: none; padding: 5px 10px; font-size: 110%; float: right; margin: 0px 0 7px 5px; clear: right; }
.maintitle a:last-of-type {margin-bottom: 25px;}
.maintitle .button:hover { background: #3270A4 url(../img/btn-blue.gif) repeat-x 0 0;  }

#tabs .maintitle {background: none; padding: 10px 0 10px 0;}

.pagination { width: 100%; overflow: hidden; background: url(../img/pagination.gif) repeat-x; padding: 10px 0; }
.pagination ul { float: right;}
.pagination .total { float: right; padding: 2px 10px; }
.pagination li { float: left; }
.pagination a { float: left; padding: 2px 5px; text-decoration: none; color: #000; }
.pagination a:hover, .pagination a.current { background: #A0A0A0; color: #fff; }

/* forms */
/* .adminform table { width: 100%; } */
.adminform { width: 100%; margin: 0 0px 0 0; background: url(../img/fieldset.gif) repeat-x bottom; padding: 0 0 20px 0; }
.adminform table{ /*width: 50%;*/ }
.adminform #buttons{ margin: 30px 0 0 10px; text-align: center; }
.adminform .odd td { background: #fff }
.adminform .even td { background: #F9F9F9 }
.adminform td { padding: 8px 10px; vertical-align: top;  }
.adminform select, .adminform textarea, .adminform input[type="text"], .adminform input[type="password"] { width:80%; }
.adminform input, .adminform select, .adminform textarea { border: 1px solid #CACACA; padding: 5px; }
.adminform label { white-space:nowrap }
.adminform input[type='checkbox'] { border: none;}
.adminform input[readonly='readonly'] { background-color: #eaeaea;}
.adminform .radiobutton-set-wrap label { float: left;}
.adminform .radiobutton-set-wrap input { float: right;}
.adminform .radiobutton-set-wrap { clear: both;}
.adminform .radiobutton-set-wrap:after { clear: both;}

textarea#text { font-family: monospace; font-size: 11px; resize:none}

.adminform .submit, .adminform .submit-nobox, .submit-nobox.blue, #float .submit { border:1px solid #4281B7; color: #fff; background: #696969 url(../img/btn-blue.gif) repeat-x 0 -50px;}
.adminform a.submit, .adminform a.submit-nobox, a.submit-nobox.blue {margin: 5px 10px; padding: 5px; text-decoration: none;}
#float a.submit {display: block; float: none; width: 108px; margin: 5px 10px; text-align: center;}
.adminform .submit:hover, .adminform .submit-nobox:hover, #float .submit:hover, .submit-nobox.blue:hover { background: #4F4F4F url(../img/btn-blue.gif) repeat-x 0 0;  }

.hint { display: block; width:12px; height: 12px; float: left;  background: url(../img/ico-hint.gif) no-repeat 0 100%; }
.hint:hover { background: url(../img/ico-hint.gif) no-repeat 0 0; }

/* error msgs */
div.error, ul.error, td.error, div.adminerror { background: #b92700 }
ul.error li, div.error, td.error, div.adminerror { color: #fff; padding: 5px 5px 5px 15px;  }

/* cluetip hints */
/* global */
.cluetip-default { background: #fff }
.ui-cluetip-header,.ui-cluetip-content {padding: 7px;}
.ui-cluetip-content {background-color: #fff;}
.ui-cluetip-header {background-color: #06C; color: #fff !important}


/* calendar */
#cal1, #cal2 { position: relative; display: inline; height: 1px;}
.cal { font-size: 11px; position: absolute; right: 0px; top: 0px; border: 1px solid #bbb; padding: 5px; z-index: 9999; }
.cal input { border: 1px solid #ccc; width: 20px; background: #bbb;}
.cal .close { margin-left: 5px; background: red; color: #fff; padding: 0 0 1px 0; }
.cal table { clear: left }
.cal tbody td { padding: 0; border: 1px solid #ccc; }
.cal tbody td.selected { background-color: #06C; color: #fff }
.cal tbody td.selected a { color: #fff }
.cal thead td { padding: 1px 2px; text-align: center; font-weight: bold; }
.cal a { cursor: pointer; display: block; text-align: right; padding: 3px 4px;}
.cal a:hover { background: #96989b !important; color: #fff !important; }
.cal span { display: block; text-align: right; color: #666; padding: 3px 4px;}
.cal { background: #fff; width: 200px; }
.cal select { width: 65px !important; }
.cal div { height: 34px;}

.sitemap ul { margin: 0 0 5px 0; }
.sitemap li { background: url(../img/sitemap.gif) no-repeat 0 5px; padding: 0 0 0 10px; }
.sitemap li li { background: url(../img/sitemap-li.gif) no-repeat 8px 3px; padding: 0 0 0 20px; }

#float { position: absolute; top: 90px; right: 15px; padding: 0 0 5px 0; background: #F1F1F1; width: 150px;}
#float strong { background: url(../img/nav.gif) repeat-x;display: block; padding: 5px 10px; margin: 0 0 10px 0; font-weight: normal; border-bottom: 1px solid #CACACA }
#float input { display: block; float: none; width: 120px; margin: 5px 10px; }

.subactions .button { border: 1px solid #4281B7; background: #696969 url(../img/btn-blue.gif) repeat-x 0 -50px; color: #fff; font-weight: bold; text-decoration: none; padding: 5px 10px; font-size: 110%; float: left; margin: 0 0 10px 5px;}
.subactions .button:hover { background: #3270A4 url(../img/btn-blue.gif) repeat-x 0 0;  }

.nyroModalBg {position: fixed;overflow: hidden;top: 0;left: 0;height: 100%;width: 100%;background: #000;opacity: 0.7;}
.nmReposition {position: absolute;}
.nyroModalCloseButton {top: -20px;right: -20px;width: 20px;height: 20px;text-indent: -9999em;background: url(../img/nyroclose.gif);}
.nyroModalTitle {top: -26px;left: 0;margin: 0;font-size: 1.1em;color: #ddd;}
.nyroModalCont {position: absolute;border: 2px solid #A0A0A0;margin: 25px;background: #fff;}
.nyroModalCont iframe {width: 600px;height: 400px;}
.nyroModalError {border: 4px solid red;color: red;width: 250px;height: 250px;}
.nyroModalError div {min-width: 0;min-height: 0;padding: 10px;}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {position: relative;padding: 10px;min-height: 250px;min-width: 250px;max-width: 1000px;}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {position: relative;overflow: hidden;}
.nyroModalImage img {vertical-align: top;}
.nyroModalHidden {left: -9999em;top: -9999em;}
.nyroModalLoad {position: absolute;width: 100px;height: 100px;background: #fff url(../img/nyroloader.gif) no-repeat center;padding: 0;}
.nyroModalPrev, .nyroModalNext {outline: none;position: absolute;top: 0;height: 60%;width: 150px;min-height: 50px;max-height: 300px;cursor: pointer;text-indent: -9999em;background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {height: 100%;width: 40%;max-height: none;}
.nyroModalPrev {left: 0;}
.nyroModalPrev:hover {background-image: url(../img/nyroprev.gif);}
.nyroModalNext {right: 0;background-position: right 20%;}
.nyroModalNext:hover {background-position: right 20%;background-image: url(../img/nyronext.gif);}

.datagrid td.level1 { padding-left: 25px; }
.datagrid td.level2 { padding-left: 50px; }
.datagrid td.level3 { padding-left: 75px; }
.datagrid td.level4 { padding-left: 100px; }
.datagrid td.level5 { padding-left: 125px; }
.datagrid td.level6 { padding-left: 150px; }
.datagrid td.level7 { padding-left: 175px; }
.datagrid td.level8 { padding-left: 200px; }
.datagrid td.id { width:30px; }

.datagrid tr.level1 { background-color: #F0F0FF !important; }
.datagrid tr.level2 { background-color: #E0F0FF !important; }
.datagrid tr.level3 { background-color: #D0F0FF !important; }
.datagrid tr.level4 { background-color: #C0F0FF !important; }
.datagrid tr.level5 { background-color: #B0F0FF !important; }
.datagrid tr.level6 { background-color: #A0F0FF !important; }
.datagrid tr.level7 { background-color: #90F0FF !important; }
.datagrid tr.level8 { background-color: #80F0FF !important; }

.datagrid .no-trans {color: red;}

.level { float: left; width: 11px; height: 11px;  background: url(../img/plus.gif); margin: 2px 5px 0 0; cursor: pointer; }
.expanded { background: url(../img/minus.gif); }
.depth-string { display: none; }

.sortable_table {}
.sortable_table td.sortable_handle {background-image: url("../img/sortable_handle.gif"); background-repeat: no-repeat; background-position: 2px 7px; padding: 8px 10px 8px 14px; cursor: move;}
.datagrid.sortable_table tr.accept_row_first {
	border-width: 2px;
	border-style: dashed;
    border-color: red;
}

.datagrid.sortable_table tr.sortable_placeholder  td {margin: 0; padding: 0;}
.datagrid.sortable_table tr td div.sortable_border { border: 2px red dashed; }

/*.datagrid.sortable_table tr.level0 td div.sortable_border { left: 75px; }
.datagrid.sortable_table tr.level1 td div.sortable_border { left: 100px; }
.datagrid.sortable_table tr.level2 td div.sortable_border { left: 125px; }
.datagrid.sortable_table tr.level3 td div.sortable_border { left: 150px; }
.datagrid.sortable_table tr.level4 td div.sortable_border { left: 175px; }
.datagrid.sortable_table tr.level5 td div.sortable_border { left: 200px; }
.datagrid.sortable_table tr.level6 td div.sortable_border { left: 225px; }
.datagrid.sortable_table tr.level7 td div.sortable_border { left: 250px; }
.datagrid.sortable_table tr.level8 td div.sortable_border { left: 275px; }

.datagrid.sortable_table tr.accept_row.level0 td div.sortable_border { left: 50px; }
.datagrid.sortable_table tr.accept_row.level1 td div.sortable_border { left: 75px; }
.datagrid.sortable_table tr.accept_row.level2 td div.sortable_border { left: 100px; }
.datagrid.sortable_table tr.accept_row.level3 td div.sortable_border { left: 125px; }
.datagrid.sortable_table tr.accept_row.level4 td div.sortable_border { left: 150px; }
.datagrid.sortable_table tr.accept_row.level5 td div.sortable_border { left: 175px; }
.datagrid.sortable_table tr.accept_row.level6 td div.sortable_border { left: 200px; }
.datagrid.sortable_table tr.accept_row.level7 td div.sortable_border { left: 225px; }
.datagrid.sortable_table tr.accept_row.level8 td div.sortable_border { left: 250px; }*/

.datagrid.sortable_table tr.level0 td div.sortable_border { left: 25px; }
.datagrid.sortable_table tr.level1 td div.sortable_border { left: 50px; }
.datagrid.sortable_table tr.level2 td div.sortable_border { left: 75px; }
.datagrid.sortable_table tr.level3 td div.sortable_border { left: 100px; }
.datagrid.sortable_table tr.level4 td div.sortable_border { left: 125px; }
.datagrid.sortable_table tr.level5 td div.sortable_border { left: 150px; }
.datagrid.sortable_table tr.level6 td div.sortable_border { left: 175px; }
.datagrid.sortable_table tr.level7 td div.sortable_border { left: 200px; }
.datagrid.sortable_table tr.level8 td div.sortable_border { left: 225px; }

.datagrid.sortable_table tr.accept_row.level0 td div.sortable_border { left: 0px; }
.datagrid.sortable_table tr.accept_row.level1 td div.sortable_border { left: 25px; }
.datagrid.sortable_table tr.accept_row.level2 td div.sortable_border { left: 50px; }
.datagrid.sortable_table tr.accept_row.level3 td div.sortable_border { left: 75px; }
.datagrid.sortable_table tr.accept_row.level4 td div.sortable_border { left: 100px; }
.datagrid.sortable_table tr.accept_row.level5 td div.sortable_border { left: 125px; }
.datagrid.sortable_table tr.accept_row.level6 td div.sortable_border { left: 150px; }
.datagrid.sortable_table tr.accept_row.level7 td div.sortable_border { left: 175px; }
.datagrid.sortable_table tr.accept_row.level8 td div.sortable_border { left: 200px; }

#orderItemTable .itemCount {width: 30px;}

/* flash messenger */
#flashmsg { position: fixed; top: 0px; left: 15%; height: 0; width: 75%; z-index: 998; }
#flashmsg ul.flash-messages { display:none; width: 100%;  font-weight: bold; margin: 0; padding: 5px 5px 5px 20px; z-index:1000; position: absolute; background: #B92700; color: #fff; font-size: 12px; z-index: 999; padding: 20px 0;}
#flashmsg ul.flash-messages li {margin: 0; padding: 3px 5px 2px 30px; list-style: circle inside;}
#flashmsg .close { width: 100%; z-index:1001; display: block; height: 100%; background: url(../img/flashmsg-close.gif) no-repeat right bottom; position: absolute; top: 0px; cursor: pointer; }
#flashmsg a { color: #fff; }

.ABCTextSearchSimple {padding-top: 2px; text-align: center;}
.ABCTextSearchSimple .adminform {margin: 0px;}

.upload_photo {border: 1px black solid;}

.item_discount_show {
	cursor: pointer; 
	background: url(../img/plus.gif) no-repeat;
	background-position: center right;
	padding-right: 15px; 
	float: left; 
	margin: 4px 7px 0 0;}

.item_discount_show.minus {
	background: url(../img/minus.gif) no-repeat;
	background-position: center right;
}

.item_discount_row {display: none;}

/* Absolute Center CSS Spinner */
.loading {
	display: none;
	
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* //Absolute Center CSS Spinner// */