@font-face {
    font-family: 'VAG Rounded Std';
    src: url('../fonts/VAGRoundedStd-Light.eot');
    src: url('../fonts/VAGRoundedStd-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VAGRoundedStd-Light.woff2') format('woff2'),
        url('../fonts/VAGRoundedStd-Light.woff') format('woff'),
        url('../fonts/VAGRoundedStd-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'VAG Rounded Std';
    src: url('../fonts/VAGRoundedStd-Bold.eot');
    src: url('../fonts/VAGRoundedStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VAGRoundedStd-Bold.woff2') format('woff2'),
        url('../fonts/VAGRoundedStd-Bold.woff') format('woff'),
        url('../fonts/VAGRoundedStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

html,body { height: 100%; }

form { display:  inline; }

body { margin: 0;padding: 0;min-height: 100%;font-family: arial,tahoma,verdana;background: #f6f6f6;color: #000;font-size: 11px;line-height: 18px; } 

a { outline: none; }

::-webkit-input-placeholder {
   color: #bbb;opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
   color: #bbb;opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #bbb;opacity: 1;
}

:-ms-input-placeholder {  
   color: #bbb;opacity: 1;
}

.clear:after { content: ".";visibility: hidden;height: 0;clear: both;display: block; }

* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans'; }



.fl { float: left; }
.fr { float: right; }

.tar { text-align: right; }
.tac { text-align: center; }

a { color: #00a; }

a.grey { color: #ccc; }

img { max-width: 100%; }

#outercontainer { min-height: 100%;position: relative; }

#top { background: #222;padding: 30px;color: #fff;float: left;width: 300px;transition: all 0.4s ease;position: relative;position: absolute;top: 0;left: 0; }
.top_open { margin-left: 0; }
.top_closed { margin-left: -300px; }

.top_tab { position: absolute;width: 10px;top: 0px;right: -10px;cursor: pointer;border-right: 1px solid #ddd;background-color: #fff;background-image: url('../img/openclose.png');background-repeat: no-repeat;background-position: center;height: 100%; }
.top_tab:hover { background-color: #ddd;border-right:  1px solid #aaa; }


#top h1 { font-size: 18px;margin: 0 0 5px 0;font-family: 'Open Sans';line-height: 22px;font-weight: 700; }
#top img#logo { display: block;margin: 0 auto 15px; }
#top span { color: #ababab; }
#top span a { color: #ababab; }

.top_header { text-align: center; }

#footer { position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px 0;background: #333; }
#footer p { color: #ababab;padding-left: 30px; }

#content { padding-top: 30px;padding-right: 30px;padding-bottom: 100px;transition: all 0.4s ease; }

.content_open { padding-left: 340px; }
.content_closed { padding-left: 40px; }

#menuwrap { width: 300px;padding: 30px;position: fixed;top: 0;left: 0;z-index: 10;height: 100%;background: #333;color: #fff; }

#menuwrap ul { font-family: 'Open Sans';font-size: 18px;color: #fff; }
#menuwrap ul li { margin: 0 0 10px 0; }
#menuwrap ul li a { color: #fff;text-decoration: none; }

.fs { width: 100%; }



h1.pageheader { color: #333;margin: 0 0 20px;font-family: 'Open Sans';font-size: 24px;letter-spacing: -1px; }
h1.pageheader span { display: block;float: right;height: 20px;letter-spacing: normal;font-weight: normal;padding-left: 27px;background: url('../img/required.png') no-repeat left center;line-height: 20px;font-size: 12px; }

h2.pageheader { color: #888;margin: 0 0 20px;font-family: 'Open Sans';font-size: 22px;font-weight: 300;letter-spacing: -1px; }

ul#menu { padding: 20px 0px; }
ul#menu li { border-bottom: 1px dotted #777; }
ul#menu li a { text-decoration: none;display: block;padding: 10px 10px;font-size: 12px;color: #fff;transition: all 0.3s ease; }
ul#menu li a:hover,ul#menu li a.on { background: #444; }

ul#menu li ul { background: #000; }
ul#menu li ul li { border-bottom: 0; }
ul#menu li ul li a { text-decoration: none;padding: 5px 14px 5px 14px;display: block; }
ul#menu li ul li a:hover { background: #222; }
ul#menu li ul li a.left { float: left;width: 85%; }
ul#menu li ul li a.right { float: right;width: 15%;text-align: center; }


.formbox { background: #efefef;padding: 25px;margin: 0 0 30px 0;border: 1px solid #ddd; }
.formbox h2 { font-family: 'Open Sans';font-size: 14px;padding-bottom: 10px;margin: 0 0 15px;border-bottom: 1px solid #ccc; }
.formbox h2.ptop { padding-top: 12px; }

h2.formtop { font-family: 'Open Sans';font-size: 14px;padding-bottom: 10px;margin: 0 0 15px;border-bottom: 1px dotted #ccc; }

.formrow { margin: 0 0 15px 0;vertical-align: top; }
.formrowh { display: inline-block;width: 50%;margin: 0 0 12px 0;vertical-align: top; }



span.invfield { display: block;margin: 0 0 5px 0; }

.inv_row { margin: 0 0 10px;padding: 0 0 9px;border-bottom: 1px solid #ddd; }

img.info { display: inline-block;margin: 5px 0 0 10px;vertical-align: top; }
.formrow label {  }
span.cbwrapper { display: inline-block;padding: 7px 0 7px 0; }

span.divider { display: block;margin: 0 0 10px 0;border-bottom: 1px solid #ccc; }

.forward { display: inline-block;margin: 0 15px 0 0;padding: 6px 35px 6px 35px;font-size: 14px;cursor: pointer;border: 0;background: #555;color: #fff;border-radius: 2px;font-family: 'Open Sans';text-decoration: none; }
.back { display: inline-block;margin: 0 15px 0 0;padding: 6px 35px 6px 35px;font-size: 14px;cursor: pointer;border: 0;background: #555;color: #fff;border-radius: 2px;font-family: 'Open Sans';text-decoration: none; }
.forward i { margin-right: 6px; }
.back i { margin-right: 6px; }

.stop { display: inline-block;margin: 0 15px 0 0;padding: 6px 35px 6px 35px;font-size: 14px;cursor: pointer;border: 0;background: #922a2a;color: #fff;border-radius: 2px;font-family: 'Open Sans';text-decoration: none; }
.stop i { margin-right: 6px; }

.forwardsmall { margin: 0 2px 0 0;padding: 6px 8px 6px 8px;font-size: 14px;cursor: pointer;border: 0;background: #555;color: #fff;border-radius: 2px;font-family: 'Open Sans'; }

.done { background: #ecf4ed url('../img/ok.png') no-repeat 15px 12px;padding: 12px 40px 12px 80px;position: relative;min-height: 84px;margin-bottom: 15px; }
.done h1 { font-size: 12px;font-weight: bold;color: #205f33; }
.done a { color: #205f33; }
.done ul { padding: 10px 0 0 10px; }
.done ul li { line-height: 16px; }

a.close { display: block;width: 19px;height: 19px;position: absolute;top: 15px;right: 15px;background: url('../img/close.png') no-repeat; }
a.close:hover { background-position: -19px 0; }

.error { background: #f8efef url('../img/error.png') no-repeat 15px 12px;padding: 12px 40px 12px 80px;position: relative;min-height: 84px;margin-bottom: 15px; }
.error h1 { font-size: 12px;font-weight: bold;color: #b83535; }
.error a { color: #b83535; }
.error ul { padding: 10px 0 0 10px; }
.error ul li { line-height: 16px; }

.bin { background: #e5f4fc url('../img/bin.png') no-repeat 15px 12px;padding: 12px 40px 12px 86px;position: relative;min-height: 84px;margin-bottom: 15px; }
.bin h1 { font-size: 12px;font-weight: bold;color: #399bce; }
.bin a { color: #399bce; }
.bin ul { padding: 10px 0 0 10px; }
.bin ul li { line-height: 16px; }

.noresults { padding: 35px 20px 35px 70px;background: #fff7e2 url('../img/noresults.png') no-repeat 12px center;margin: 0 0 15px 0; }

.crumb { padding: 8px 12px;margin: 0 0 18px 0;background: #eee;border-bottom: 1px solid #aaa; }
.crumb li { display: inline-block;margin: 0 10px 0 0; }
.crumb li a { display: inline-block;color: #000;background: url('../img/bullet.png') no-repeat left center;padding: 0 0 0 12px;text-decoration: none; }

.submenu { padding: 0 0 12px 0;margin: 0 0 12px 0;border-bottom: 1px dotted #000; }
.submenu li { display: inline-block;margin: 0 10px 0 0; }
.submenu li a { display: inline-block;color: #000;background: #e5e5e5;height: 32px;padding: 0 20px;text-decoration: none;text-decoration: none;line-height: 32px;box-shadow: 1px 1px 0 #000; }
.submenu li a:hover,.submenu li a.on { background: #333;color: #fff;box-shadow: 0 2px 4px #ccc; }

.gentable { border: 1px solid #ccc;border-spacing: 2px; }
.resultstable { border: 1px solid #ccc;width: 100%;border-spacing: 2px; }
.nbtable { border: 0;width: 100%;border-spacing: 2px; }

.thead { background-color: #333;color: #fff;white-space: nowrap; }
.thead span { display: block;padding: 12px 20px 12px 15px; }
.thead_on { background-image: url('../img/navigation.png');background-repeat: repeat-x;background-position: 0 0;white-space: nowrap; }
.thead_off { background-image: url('../img/navigation.png');background-repeat: repeat-x;background-position: 0 -39px;white-space: nowrap; }
.thead a { display: block;padding: 12px 20px 12px 15px;text-decoration: none; }
.thead_on a { font-weight: bold;background-repeat: no-repeat;background-position: right center;display: block;padding: 12px 20px 12px 15px;text-decoration: none; }
.thead_on a.asc { background-image: url('../img/asc.png'); }
.thead_on a.desc { background-image: url('../img/desc.png'); }
.thead_off a { color: #fff;display: block;padding: 12px 20px 12px 15px;text-decoration: none; }

.tpcell { padding: 3px 15px 3px 3px; }

.alt1 { background: #eee;padding: 12px;transition: all 0.4s ease; }
.alt2 { background: #f8f8f8;padding: 12px;transition: all 0.4s ease; }
.nw { white-space: nowrap; }
.full { width: 100%; }
.vt { vertical-align: top; }
.alt3 { padding: 12px; }
.alt4 { background: #eee;padding: 12px;transition: all 0.4s ease; }

tr.hoverrow:hover { background: #ddd; }

span.no { display: inline-block;background: url('../img/no.png') no-repeat left center;height: 24px;padding: 0 0 0 32px;line-height: 24px; }
span.yes { display: inline-block;background: url('../img/yes.png') no-repeat left center;height: 24px;padding: 0 0 0 32px;line-height: 24px; }

ul.images { padding: 8px 0; }
ul.images li { float: left;width: 180px;padding: 10px;background: #fff;margin: 0 12px 12px 0; }
ul.images li .ic { width: 100%;height: 100px;vertical-align: middle;text-align: center;font-size: 18px;margin-bottom: 6px; }
ul.images li img { display: inline-block;max-width: 100%;max-height: 100px; }
ul.images li span.delete { display: block;float: left; }
ul.images li span.controls { float: right;display: block;font-size: 18px; }
ul.images li span.controls a { margin-left: 8px;text-decoration: none; }

ul.images li a.imageedit {  }

.infobox { padding: 5px 0 0 42px;background: url('../img/info.png') no-repeat left top;min-height: 21px; }


a.folder { display: block;height: 18px;background-position: left top;background-repeat: no-repeat;padding-left: 26px;line-height: 18px;color: #009;text-decoration: none; }
.folderopen { background-image: url('../img/folder_open.png');font-weight: bold; }
.folderclosed { background-image: url('../img/folder_open.png'); }

ul.folders { padding: 0 0 10px; }
ul.folders li { margin: 0 0 5px; }

h2.foldername { height: 48px;background: url('../img/folder_large.png') no-repeat left top;padding: 0 0 0 62px;font-size: 20px;line-height: 48px;margin: 0 0 8px 0; }

.page_nav { margin: 10px 0;padding: 15px;background: #f3f3f3;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; }
.page_nav span { float: left;font-size: 13px; }

.page_nav ul { float: right; }
.page_nav ul li { display: inline-block;margin: 0 3px 0 0;text-align: center;font-size: 12px; }
.page_nav ul li a { display: inline-block;min-width: 22px;padding: 2px 6px;text-decoration: none;background: #ddd;color: #000; }
.page_nav ul li a.page_on { background: #333;color: #fff; }
.page_nav ul li a.page_dir { background: #be0000;color: #fff; }
.page_nav ul li a.page_rel { background: #ccc;color: #000; }

.pcatrow_mbs { margin-top: 4px; }
.pcatrow_mbl { margin-top: 12px; }
.pcatwrapper { background: url('../img/cats.png') repeat-x left top; }

.pcatrow { background: #e2e2e2;border-radius: 5px;padding: 10px;box-shadow: 0 1px 0 #aaa;display: flex;align-items: center; }
.pcatsection { float: left; }
.pcatsection_mr { margin-right: 20px; }

.pcatrow ul { float: right;padding: 5px 0 0 0; }
.pcatrow ul li { display: inline-block;padding: 0 12px; }
.pcatrow ul li a { font-size: 12px;font-weight: bold; }

.pcat_disabled { background: #ffc5c5 !important; }


#manage_wrapper { padding: 0 0 0 320px;position: relative; }
#manage_wrapper #options { width: 300px;position: absolute;top: 0;left: 0; }

.filter_wrapper { padding: 15px 15px 15px 94px;background: #efefef url('../img/search.png') no-repeat 15px 15px;min-height: 64px;margin: 0 0 20px 0;border-bottom: 3px solid #444; }
.filter_wrapper h2 { font-weight: bold;margin: 0 0 10px 0; }
div.fbox { float: left;margin: 0 20px 7px 0; }
div.fbox span { display: block;padding: 5px 0; }

div.fboxb { float: left;margin: 0 0 7px 0; }
div.fboxb span { display: block;padding: 5px 0; }

.order_Processing { display: inline-block;color: #fff;font-weight: bold;padding: 6px 12px 7px;background: #00b4ff; }
.order_Cancelled { display: inline-block;color: #fff;font-weight: bold;padding: 6px 12px 7px;background: #cd0000; }
.order_Completed { display: inline-block;color: #fff;font-weight: bold;padding: 6px 12px 7px;background: #1ead25; }

p.forminfo { border: 1px solid #a6d5f7;padding: 15px 20px 15px 52px;font-size: 12px;line-height: 17px;background: #cfebff url('../img/info.png') no-repeat 10px 12px;margin: 0 0 20px 0; }
p.forminfo b { font-weight: bold; }

.colorpicker { padding: 0 !important;height: 32px; }
.og_top { font-weight: bold; }
.og_sub { padding-left: 20px; }

#page_items li { background: #fff;padding: 15px;margin: 0 0 15px;border: 1px solid #ccc; }

span.checkall { display: block;padding: 5px 8px;background: #fff;box-shadow: 0 1px 2px #ccc;border-radius: 4px;margin-top: 7px; }
span.checkall label { vertical-align: middle; }
span.checkall input { vertical-align: middle;margin-right: 6px; }

a.confirm { color: #a00; }

.group_move_placeholder { width: 100%; }

.file_row { margin: 0 0 10px;background: #f5f5f5;border-radius: 7px;padding: 10px; }
.file_row .left { float:left;width: 10%; }
.file_row .left img { display: block; }

.file_row .right { float: right;width: 86%; }
.file_row .right p { margin: 0 0 7px; }
.file_row .right a.clr { float: right;color: #f00;text-decoration: none; }

.formfilter { background: #eee;padding: 20px; }
.formfilter .tb { width: 100%; }
.formfilter p { margin: 0 0 10px; }
.formfilter label { display: block;margin: 0 0 5px; }


.vrow { padding: 5px;border-bottom: 1px dotted #888;margin-bottom: 4px;background: #f6f6f6;transition: all 0.3s ease; }
.vrow:hover { background: #d0d0d0; }
 
.grad { background: #9e9e9e;
background: -moz-linear-gradient(top, #9e9e9e 0%, #898989 100%);
background: -webkit-linear-gradient(top, #9e9e9e 0%,#898989 100%);
background: linear-gradient(to bottom, #9e9e9e 0%,#898989 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#898989',GradientType=0 ); }



/* new */

span.field { display: block;padding: 0 25px 0 0;margin: 7px 12px 0 0;line-height: 20px; }
span.req { background: url('../img/required.png') no-repeat right center; }

.tb { border: 0;background: #fff;padding: 8px;font-size: 12px;font-family: arial;box-shadow: 0 1px 2px #aaa; }
.tbf { width: 100%; }

.frm_row { margin-bottom: 8px;padding: 3px 5px;transition: all 0.2s ease; }
.frm_row:hover { background: #e8e8e8; }
.frm_left { width: 25%;float: left; }
.frm_right { width: 75%;float: left; }

input,select,textarea { max-width: 100%;  }

/* image library */

#imagelibrary { width: 100%; }
#il-left { float: left;width: 20%;background: #e7e7e7;border-right: 1px solid #ccc;padding: 15px; }
#il-right { width: 79%;float: left;background: #f5f5f5;padding: 10px 20px; }

/* crop */

#crop_wrapper { width: 850px;height: 550px; }
#crop_wrapper img { max-height: 100%; }

/* downloads */

.current_file_wrapper { background: #fff;padding: 8px;font-size: 12px;font-family: arial;box-shadow: 0 1px 2px #aaa; }

.currentdownload { display: inline-block;font-size: 12px; }
.currentdownload i { margin-right: 7px; }

.deletefile { padding: 8px 0 0 0; }
.deletefile span { display: inline-block;background: #eee;border: 1px solid #ddd;padding: 5px 10px; }

/* phpinfo */

#phpinfo table { border: 0;width: 100%;margin-bottom: 20px; }
#phpinfo td, th { padding: 2px; }
#phpinfo h1 { font-size: 32px;margin: 0 0 20px; }
#phpinfo h2 { font-size: 24px;margin: 0 0 18px; }
#phpinfo .e { background: #cfe2f6;width: 35%;}
#phpinfo .h {  }
#phpinfo .v { background: #fff; }
#phpinfo img { display: block;margin: 0 0 15px; }
#phpinfo hr { margin: 0 0 20px; }


.visible { color: #56c36a;font-size: 32px; }
.notvisible { color: #e14747;font-size: 32px; }

.err { color: #e14747; }

.form_left { width: 48%;float: left; }

.form_right { width: 48%;float: right; }

.map_wrapper { height: 450px;background: #ddd;border: 1px solid #bbb; }
.inner_map { text-align: center;font-family: 'Open Sans';font-size: 14px;line-height: 20px;padding: 20px;color: #999; }
.inner_map i { font-size: 80px; }


.service_block { width: 22%;float: left;margin: 0 20px 20px 0;border: 1px solid #444; }
.service_block h1 { font-size: 14px;line-height: 20px;background: #444;color: #fff;padding: 14px; }
.service_block table { border: 0;width: 100%;border-spacing: 0px; }
.service_block table td { padding: 8px;border-bottom: 1px solid #ccc; }
.service_block table td.left { width: 55%;background: #fff; }
.service_block table td.right { width: 45%; }
.service_block table td.hd { background: #444;text-align: center;color: #fff; }

.form_third { width: 33.33%;float: left;padding-right: 25px; }


.location_row { padding: 20px;background: #fff;box-shadow: 0 1px 2px #ccc;margin-bottom: 15px;font-size: 12px;line-height: 18px; }
.location_row h1 { font-size: 18px;line-height: 22px;text-transform: uppercase;margin-bottom: 10px;padding-bottom: 6px;border-bottom: 1px dotted #aaa; }
.location_row h1 span { float: right; }

.location_row .options { float: right;text-align: right;padding-left: 40px; }

.active_ib { display: inline-block;background: #44c625;color: #fff;padding: 8px 14px;border-radius: 4px;margin-right: 12px; }
.inactive_ib { display: inline-block;background: #ab0018;color: #fff;padding: 8px 14px;border-radius: 4px;margin-right: 12px; }

a.delete_link { color: #ab0018; }

p.large { padding: 10px;font-size: 12px;line-height: 18px; }

table.expiries { width: 100%;font-size: 12px;line-height: 18px; }
table.expiries td.left { width: 40%;padding-right: 10px;white-space: nowrap; }
table.expiries td.right { width: 60%; }
table.expiries td.third { width: 33.33%;text-align: center;background: #ddd; }
table.expiries td.top { padding: 5px 0; }
table.expiries td.contact { background: #fff;padding: 8px; }

table.expiries i { margin-right: 8px;font-size: 18px;vertical-align: middle; }
table.expiries span { display: block;padding: 8px 10px;text-align: center;border-radius: 2px;white-space: nowrap; }

table.contact { width: 100%;font-size: 12px;line-height: 18px; }
table.contact td { padding: 5px 10px; }
table.contact td.left { width: 35%;border-bottom: 1px dotted #ccc; }
table.contact td.right { width: 65%;border-bottom: 1px dotted #ccc; }
table.contact td.both { width: 100%;background: #fff; }

.added_by_box { background: #fff;box-shadow: 0 1px 2px #ccc;margin-bottom: 20px;padding: 20px;font-family: 'Open Sans';font-size: 14px;line-height: 22px; }

.na { color: #aaa; }
span.expiry_span { display: block;padding: 8px 10px;text-align: center;border-radius: 2px;white-space: nowrap; }


.jobinfo_row { margin: 0 0 10px;font-family: 'Open Sans';font-size: 14px;line-height: 20px; }
.jobinfo_row .left { float: left;width: 30%;padding-right: 10px; }
.jobinfo_row .right { float: right;width: 66%;border-left: 1px solid #ccc;padding-left: 15px; }

.wordwrap { overflow-wrap: break-word;word-wrap: break-word;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto; }

.day_row { padding: 0 0 15px;margin: 0 0 15px;border-bottom: 1px dashed #777; }
.day_row .date_block { float: left;width: 10%;text-align: center;background: #fff;box-shadow: 0 1px 3px #ccc; }
.day_row .date_block span.day_nolog { font-size: 12px;display: block;padding: 10px;background: #444;color: #fff;font-weight: bold; }
.day_row .date_block span.day_haslog { font-size: 12px;display: block;padding: 10px;background: #2ba86f;color: #fff;font-weight: bold; }

.day_row .date_block span.month { font-size: 36px;display: block;font-family: 'Open Sans';padding: 5px 20px;line-height: 48px; }

.day_row .date_block span.year { font-size: 11px;display: block;padding: 0 10px 12px; }

.day_details { float: right;width: 87%; }
.day_details i { color: #eee;font-size: 72px; }

.day_details .entry { margin: 0 0 12px;padding: 14px 20px;background: #fff;box-shadow: 0 1px 3px #ccc; }
.day_details .entry p { margin: 0 0 2px;font-size: 11px; }
.day_details .entry p span.left { float: left;padding: 0 20px 0 0;width: 16%; }
.day_details .entry p span.right { float: left;width: 84%; }

.caltype { display: block;padding: 3px 5px;color: #fff;white-space: nowrap; }
.caltype_d { background: #2c93da; }
.caltype_c { background: #c39918; }

.vatpriceadjacent { padding: 8px 8px 8px 8px;color: #406f0e;background: #d6ffc1;margin-left: 10px;border: 1px solid #ddd;font-weight: bold; }
.inc_vat_display { text-align: left;padding: 5px 0px 0px 10px;color: #65a224;background: #d6ffc1; }
.highlighted { color: #65a224;background: #d6ffc1; }