@font-face {
    font-family: 'CoconRegular';
    src: url('/assets/hub/css/fonts/cocon-regular-webfont.eot');
    src: url('/assets/hub/css/fonts/cocon-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/hub/css/fonts/cocon-regular-webfont.woff') format('woff'),
         url('/assets/hub/css/fonts/cocon-regular-webfont.ttf') format('truetype'),
         url('/assets/hub/css/fonts/cocon-regular-webfont.svg#CoconRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CoconLightRegular';
    src: url('/assets/hub/css/fonts/cocon-light-webfont.eot');
    src: url('/assets/hub/css/fonts/cocon-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/hub/css/fonts/cocon-light-webfont.woff') format('woff'),
         url('/assets/hub/css/fonts/cocon-light-webfont.ttf') format('truetype'),
         url('/assets/hub/css/fonts/cocon-light-webfont.svg#CoconLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, h1, h2, h3, h4, h5, ul, ol, li, dl, dd, dt, div,p, hr, th, tr, td, table, form, fieldset {padding:0; margin:0;font-weight:normal;}
ul, ol, dl {list-style:none;}
fieldset,img{
    border:none;
}
a{
    color:#636363;
    outline:none;
    text-decoration:none;
}
html{
    font-family:"CoconRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    height:100%;
    min-width:960px;
	overflow-y:scroll;
}
h3{font-size:20px;}
textarea, input, select{
    color:#AEAEAE;
    font-family:Tahoma, Helvetica,"Helvetica Neue",Arial,sans-serif;
    font-size:14px;
}
hr{
    clear:both;
    border:none;
}
body{
    color:#636363;
    position:relative;
    height:100%;
    min-width:960px;
}
body.login{
    background-color:#3e3e3e;
    min-height:300px;
}
div#container{
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
.darkbutton,
.darkbutton:link,
.darkbutton:visited,
a.lightbutton:hover{
    background-color:#5a5a5a;
    background-image: linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -o-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(115,115,115)),
        color-stop(0.5, rgb(90,90,90)),
        color-stop(0.5, rgb(105,105,105)),
        color-stop(1.0, rgb(83,83,83))
    );
    border:#7d7d7d 2px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:#fff;
    height:36px;
    line-height:36px;
    padding:0 13px 0 32px;
    position:relative;
}
.lightbutton:link,
.lightbutton:visited,
.darkbutton:hover{
    background:#5a5a5a;
    background-color:#5a5a5a;
    background-image: linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -o-linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(228,228,228)),
        color-stop(0.5, rgb(241,241,241)),
        color-stop(0.5, rgb(248,248,248)),
        color-stop(1.0, rgb(254,254,254))
    );
    border:#d6d6d6 2px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:#636363;
    height:36px;
    line-height:36px;
    padding:0 13px 0 32px;
    position:relative;
}
.darkbutton.large,
.lightbutton.large{
	font-size:22px;
	height:46px;
	line-height:46px;
	padding-left:42px;
	width:156px;
	text-align:center;
}
span.icon,
a.darkbutton:hover span,
.lightbutton:link span,
.lightbutton:visited span{
    background-position: 0 -24px;
    left:6px;
    height:24px;
    position:absolute;
    top:6px;
    width:24px;
}
span.icon,
.lightbutton:hover span,
.darkbutton:link span,
.darkbutton:visited span{
    background-position: 0 0;
    left:6px;
    height:24px;
    position:absolute;
    top:6px;
    width:24px;
}
.darkbutton.large span,
.lightbutton.large span,
.darkbutton.large:hover span,
.lightbutton.large:hover span{
	left:11px;
	top:11px;
}

span.icon_back,
.lightbutton.icon_back span,
.darkbutton.icon_back span{background-image:url(/assets/hub/img/icons/icon_back.png)}
span.icon_back,
.lightbutton.icon_copy span,
.darkbutton.icon_copy span{background-image:url(/assets/hub/img/icons/icon_copy.png)}
span.icon_add,
.lightbutton.icon_add span,
.darkbutton.icon_add span{background-image:url(/assets/hub/img/icons/icon_add.png)}
span.icon_save,
.lightbutton.icon_save span,
.darkbutton.icon_save span{background-image:url(/assets/hub/img/icons/icon_save.png)}
span.icon_cancel,
.lightbutton.icon_cancel span,
.darkbutton.icon_cancel span{background-image:url(/assets/hub/img/icons/icon_cancel.png)}
span.icon_delete,
.lightbutton.icon_delete span,
.darkbutton.icon_delete span{background-image:url(/assets/hub/img/icons/icon_delete.png)}
span.icon_login,
.lightbutton.icon_login span,
.darkbutton.icon_login span{background-image:url(/assets/hub/img/icons/icon_login.png)}
span.icon_cancel,
.lightbutton.icon_cancel span,
.darkbutton.icon_cancel span{background-image:url(/assets/hub/img/icons/icon_cancel.png)}
span.icon_export,
.lightbutton.icon_export span,
.darkbutton.icon_export span{background-image:url(/assets/hub/img/icons/icon_export.png)}
span.icon_imgs,
.lightbutton.icon_imgs span,
.darkbutton.icon_imgs span{background-image:url(/assets/hub/img/icons/icon_image.png)}
span.icon_docs,
.lightbutton.icon_docs span,
.darkbutton.icon_docs span{background-image:url(/assets/hub/img/icons/icon_document.png)}
span.icon_announce,
.lightbutton.icon_announce span,
.darkbutton.icon_announce span{background-image:url(/assets/hub/img/icons/icon_announcement.png)}
span.icon_pages,
.lightbutton.icon_pages span,
.darkbutton.icon_pages span{background-image:url(/assets/hub/img/icons/icon_pages.png)}
span.icon_spelling,
.lightbutton.icon_spelling span,
.darkbutton.icon_spelling span{background-image:url(/assets/hub/img/icons/icon_spelling.png)}
span.icon_picture,
.lightbutton.icon_picture span,
.darkbutton.icon_picture span{background-image:url(/assets/hub/img/icons/icon_picture.png)}
span.icon_link,
.lightbutton.icon_link span,
.darkbutton.icon_link span{background-image:url(/assets/hub/img/icons/icon_link.png)}
span.icon_modules,
.lightbutton.icon_modules span,
.darkbutton.icon_modules span{background-image:url(/assets/hub/img/icons/icon_modules.png)}
span.icon_form,
.lightbutton.icon_form span,
.darkbutton.icon_form span{background-image:url(/assets/hub/img/icons/icon_form.png)}
span.icon_edit,
.lightbutton.icon_edit span,
.darkbutton.icon_edit span{background-image:url(/assets/hub/img/icons/icon_edit.png)}
span.icon_chat,
.lightbutton.icon_chat span,
.darkbutton.icon_chat span{background-image:url(/assets/hub/img/icons/icon_chat.png);}
span.icon_gallery,
.lightbutton.icon_gallery span,
.darkbutton.icon_gallery span{background-image:url(/assets/hub/img/icons/icon_gallery.png);}
span.icon_date,
.lightbutton.icon_date span,
.darkbutton.icon_date span{background-image:url(/assets/hub/img/icons/icon_date.png);}
span.icon_email,
.lightbutton.icon_email span,
.darkbutton.icon_email span{background-image:url(/assets/hub/img/icons/icon_email.png);}
span.icon_library,
.lightbutton.icon_library span,
.darkbutton.icon_library span{background-image:url(/assets/hub/img/icons/icon_library.png);}
span.icon_settings,
.lightbutton.icon_settings span,
.darkbutton.icon_settings span{background-image:url(/assets/hub/img/icons/icon_settings.png);}
span.icon_colour,
.lightbutton.icon_colour span,
.darkbutton.icon_colour span{background-image:url(/assets/hub/img/icons/icon_settings.png);}
span.icon_bargraph,
.lightbutton.icon_bargraph span,
.darkbutton.icon_bargraph span{background-image:url(/assets/hub/img/icons/icon_bargraph.png);}
span.icon_group,
.lightbutton.icon_group span,
.darkbutton.icon_group span{background-image:url(/assets/hub/img/icons/icon_group.png);}
span.icon_lock,
.lightbutton.icon_lock span,
.darkbutton.icon_lock span{background-image:url(/assets/hub/img/icons/icon_lock.png);}
span.icon_tweet,
.lightbutton.icon_tweet span,
.darkbutton.icon_tweet span{background-image:url(/assets/hub/img/icons/icon_tweet.png);}
span.icon_facebook,
.lightbutton.icon_facebook span,
.darkbutton.icon_facebook span{background-image:url(/assets/hub/img/icons/icon_facebook.png);}
span.icon_movie,
.lightbutton.icon_movie span,
.darkbutton.icon_movie span{background-image:url(/assets/hub/img/icons/icon_movie.png);}
span.icon_slideshow,
.lightbutton.icon_slideshow span,
.darkbutton.icon_slideshow span{background-image:url(/assets/hub/img/icons/icon_slideshow.png);}
span.icon_laptop,
.lightbutton.icon_laptop span,
.darkbutton.icon_laptop span{background-image:url(/assets/hub/img/icons/icon_laptop.png);}
span.icon_food,
.lightbutton.icon_food span,
.darkbutton.icon_food span{background-image:url(/assets/cms/img/icons/icon_food.png);}

.alert{
	border:1px solid red;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	margin-bottom:5px;
	padding:15px;
	position:relative;
}
.highlightfield{
	border:1px solid red;
	margin-bottom:5px;
	padding:15px;
	position:relative;
}

.alert .closebutton{
	background:url("/assets/hub/img/fancybox/fancy-close.png");
	height:20px;
	width:20px;
	position:absolute;
	top:17px;
	text-indent:-9999px;
	right:17px;
}
.alert .closebutton:hover{
	background-position:0 -20px;
}
.alert h4{
	height:24px;
	line-height:24px;
	padding-left:30px;
}

.alert.info{background:#e4f5fd;border-color:#afdbee;}
.alert.warning{background:#fff7cb;border-color:#efdc75;}
.alert.error{background:#ffd6d6;border-color:#ebb1b1;}
.alert.success{background:#e8ffca;border-color:#b3dc7c;}

.alert.info h4{background:url(/assets/hub/img/icons/icon_notice.png) no-repeat 0 -24px;}
.alert.warning h4{background:url(/assets/hub/img/icons/icon_alert.png) no-repeat 0 -24px;}
.alert.error h4{background:url(/assets/hub/img/icons/icon_stop.png) no-repeat 0 -24px;}
.alert.success h4{background:url(/assets/hub/img/icons/icon_yes.png) no-repeat 0 -24px;}

.highlightfield.info{background:#e4f5fd;border-color:#afdbee;}
.highlightfield.warning{background:#fff7cb;border-color:#efdc75;}
.highlightfield.error{background:#ffd6d6;border-color:#ebb1b1;}
.highlightfield.success{background:#e8ffca;border-color:#b3dc7c;}

.highlightfield.info h4{background:url(/assets/hub/img/icons/icon_notice.png) no-repeat 0 -24px;}
.highlightfield.warning h4{background:url(/assets/hub/img/icons/icon_alert.png) no-repeat 0 -24px;}
.highlightfield.error h4{background:url(/assets/hub/img/icons/icon_stop.png) no-repeat 0 -24px;}
.highlightfield.success h4{background:url(/assets/hub/img/icons/icon_yes.png) no-repeat 0 -24px;}

/********************login**********************/


.loginform{
    height:300px;
    left:calc(50% - 215px);
    margin:-150px 0;
    padding-left:100px;
    position:absolute;
    width:430px;
    top:50%;
}
.loginform .site-notice{
    color:#FFFFFF !important;margin-top:20px;
}
.loginform .site-notice h2,
.loginform .site-notice h3,
.loginform .site-notice p{text-shadow: 2px 2px 1px rgba(0,0,0,1);font-family: 'CoconLightRegular';line-height:1.6;}
.loginform .site-notice p{font-size:20px;}
.loginform .site-notice a{color:#FE3466;}
.loginform .site-notice a:hover{color:#FFFFFF;}
.cms_dingo,
.cms_quokka,
.cms_dodo,
.cms_bilby,
.cms_wombat {
    background-image:url('../img/wombat-bg-01.png');
    background-position: right top;
    background-size: 100%;
    background-repeat: no-repeat;
}

.cms_dingo{background-image:url('../img/dingo.jpg');}
.cms_quokka{background-image:url('../img/quokka.jpg');}
.cms_dodo{background-image:url('../img/dodo.jpg');}
.cms_bilby{background-image:url('../img/bilby.jpg');}

.loginform fieldset{
    background:#fff;
    height:240px;
    padding:30px;
    box-shadow:0 0 20px rgba(0,0,0,0.4);
}
.loginform h2{
    font-size:32px;
    padding-bottom:10px;
}
.loginform p{
    float:left;
    position:relative;
}
.loginform p span.icon{
    float:left;
}
.loginform p:hover span.icon{
    background-position:0 -24px;
}
.loginform dt{
    padding-bottom:5px;
}
.loginform dd input{
    background:#fdfdfd;
    border:1px solid #f2f2f2;
    color:#aeaeae;
    height:18px;
    padding:9px;
    line-height:18px;
    margin-bottom:15px;
    width:350px;
}
.loginform input#login{
    font-family:"CoconRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
	cursor:pointer;
}
#logo-login{
    bottom:0;
    left:0;
    position:absolute;
}

/********************Header**********************/
#header{
    background:#3e3e3e;
    border-bottom:10px solid #fefefe;
    box-shadow:0px 5px 5px #cacaca;
    height:170px;
    position:relative;
    z-index:999;
}
#logo{
    left:50%;
    margin-left:-465px;
    position:absolute;
    top:35px;
}
#logout{
    margin-right:-480px;
    position:absolute;
    right:50%;
    top:70px;
}
#logout:link span,
#logout:visited span{
    background: url(/assets/hub/img/icons/icon_logout.png) 0 0;
    left:6px;
    height:24px;
    position:absolute;
    top:6px;
    width:24px;
}
#logout:hover span{
    background-position: 0 -24px;
}
#loggedin{
    color:#dbe0e2;
    font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    height:24px;
    line-height:24px;
    margin-right:-350px;
    position:absolute;
    right:50%;
    top:78px;
}
#loggedin a:link,
#loggedin a:visited{
    background: url(/assets/hub/img/icons/icon_profile.png) no-repeat 15px 0;
    color:#fff;
    padding-left:40px;
}

/********************main nav**********************/
#mainnav{
    background-color:#f1f1f1;
    background-image: linear-gradient(bottom, rgb(227,227,227) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(255,255,255) 100%);
    background-image: -o-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(255,255,255) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(227,227,227) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(255,255,255) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(227,227,227)),
        color-stop(0.5, rgb(241,241,241)),
        color-stop(0.5, rgb(248,248,248)),
        color-stop(1.0, rgb(255,255,255))
    );
    height:40px;
    left:50%;
    margin-left:-480px;
    position:absolute;
    top:140px;
    width:960px;
}
#mainnav li{ float:left; position:relative;}
#mainnav li a{
    border-right:1px dotted #d6d6d6;
    color:#5a5a5a;
    display:block;
    height:40px;
    line-height:40px;
    padding:0 17px 0 43px;
    position:relative;
}
#mainnav li:last-child a{
	border-right:none;
}
#mainnav li a:hover{
    background:#fff;
}
#mainnav li.selected a{
    background-color:#5a5a5a;
    background-image: linear-gradient(bottom, rgb(117,117,117) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(82,82,82) 100%);
    background-image: -o-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(82,82,82) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(82,82,82) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(82,82,82) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(82,82,82) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(117,117,117)),
        color-stop(0.5, rgb(90,90,90)),
        color-stop(0.5, rgb(105,105,105)),
        color-stop(1.0, rgb(82,82,82))
    );
    border:none;
    color:#fff;
}
#mainnav li a span{
    background-position:0 -24px;
}
#mainnav li.selected a span{
    background-position:0 0;
}
#mainnav li a span{
    left:13px;
    height:24px;
    position:absolute;
    top:8px;
    width:24px;
}
#mainnav #navHome a span.navicon{ background-image: url(/assets/hub/img/icons/icon_home.png);}
#mainnav #navInbox a span.navicon{ background-image: url(/assets/hub/img/icons/icon_inbox.png); }
#mainnav #navPages a span.navicon{ background-image: url(/assets/hub/img/icons/icon_pages.png); }
#mainnav #navModules a span.navicon{ background-image: url(/assets/hub/img/icons/icon_modules.png); }
#mainnav #navLibrary a span.navicon{ background-image: url(/assets/hub/img/icons/icon_library.png); }
#mainnav #navSettings a span.navicon{ background-image: url(/assets/hub/img/icons/icon_settings.png); }
#mainnav #navUsers a span.navicon{ background-image: url(/assets/hub/img/icons/icon_profile.png); }
#mainnav #navGeo a span.navicon{ background-image: url(/assets/hub/img/icons/icon_map.png); }
#mainnav #navWebsites a span.navicon{ background-image: url(/assets/hub/img/icons/icon_online.png); }
#mainnav #navLanguage a span.navicon{ background-image: url(/assets/hub/img/icons/icon_world.png); }
#mainnav #navAgency a span.navicon{ background-image: url(/assets/hub/img/icons/icon_coffee.png); }
#mainnav #navMonitor a span.navicon{ background-image: url(/assets/hub/img/icons/icon_tachometer.png); }

#mainnav li ul{
	background:url(/assets/hub/img/dropdown-grad.gif) repeat-x #757575;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	display:none;
	left:0;
	padding:10px 10px 0;
	position:absolute;
	top:40px;
	width:230px;
}
#mainnav li:hover ul{
	display:block;
}
#mainnav li ul.dropdown li{
	margin-bottom:10px;
	width:100%;
}
#mainnav li ul.dropdown li a{
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	background:none;
}
#mainnav li ul.dropdown li a span{
	background-position:0 0;
}
#mainnav li ul.dropdown li a:hover{
	background:#525252;
}
/********************heading**********************/
#heading{
    background:#f1f1f1;
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
    height:70px;
    position:relative;
    z-index:0;
}
#heading h2{
    font-size:32px;
    height:50px;
    left:50%;
    line-height:50px;
    padding-top:20px;
    margin-left:-465px;
    position:absolute;
    top:0;
}
#heading .lightbutton,
#heading .darkbutton{
    right:50%;
    margin-right:-480px;
    position:absolute;
    top:20px;
}

/********************Content**********************/
div#content{
    margin:0 auto;
    padding-bottom:80px;
    position:relative;
    width:960px;
    z-index:1;
}

/*****************Main Content**********************/
div#maincontent{
    float:left;
    padding:20px 0 0 20px;
    position:relative;
    width:680px;
}
ul#tabs,
ul#tabsnon{
    left:-1px;
    position:absolute;
    top:-41px;
}
ul#tabs li,
ul#tabsnon li{
    float:left;
	position:relative;
}
ul#tabsnon li a:link,
ul#tabsnon li a:visited,
ul#tabs li a:link,
ul#tabs li a:visited{
    border:1px solid #d6d6d6;
    background:#fcfcfc;
    height:39px;
    float:left;
    line-height:39px;
    padding:0 15px;
    margin-right:5px;
}
ul#tabsnon li.icon a,
ul#tabs li.icon a{
    padding-left:40px;
}
ul#tabsnon li span,
ul#tabs li span{
	background-position:0 -24px;
    height:24px;
	left:12px;
	position:absolute;
	top:8px;
	width:24px;
}

ul#tabsnon li a:hover,
ul#tabs li a:hover{
    background:#fff;
}
ul#tabsnon li a.selected:link,
ul#tabsnon li a.selected:visited,
ul#tabs li a.selected:link,
ul#tabs li a.selected:visited{
    border-bottom-color:transparent;
    background:#fff;
    float:left;
}

/*****************item list**********************/
div.levelitem{
    background:#fcfcfc;
    border:1px solid #eeeeee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height:32px;
    margin-bottom:5px;
    padding:3px 10px;
    position:relative;
}
div.levelitem:hover{
    background:#fff;
    border-color:#dfdfdf;
}
div.levelitem.move{
    background:#fcfcfc;
    border-color:#eee;
}
div.levelitem.moving{
    background:#eee;
    border-color:#eee;
}
ul.level li div.levelitem p{
    float:left;
    line-height:32px;
}
ul.level li div.levelitem.disabled p a:link,
ul.level li div.levelitem.disabled p a:visited{
    font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    color:#c5c5c5;
    text-decoration:line-through;
}
ul.mid.level li.item{
	background:url(/assets/hub/img/downalevel.png) no-repeat 19px 2px;
	padding-left:30px;
}

.top.level.grid{
	float:left;
	clear:both;
	width:684px;
	margin:0 -4px 16px 0;
}
.top.level.grid li.griditem{
	background:#fcfcfc;
	border:1px solid #eee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	float:left;
	height:auto;
	margin:0 4px 4px 0;
	padding:9px 9px 33px;
	position:relative;
	width:147px;
}
.top.level.grid.layouts li.griditem{
	padding:9px;
}
.top.level.grid li.griditem:hover{
	background:#fff;
	border:1px solid #bebebe;
}
.top.level.grid li.griditem p.topcontrols{
	border-bottom:1px dotted #eee;
	margin:-9px -9px 9px;
	padding:9px;
	position:relative;
	height:22px;
	text-align:center;
}
.top.level.grid li.griditem p.topcontrols input{
	left:9px;
	position:absolute;
	top:9px;
}
.top.level.grid.gallery li.griditem div{
	margin-bottom:9px;
}
.top.level.grid li.griditem div{
	background:#e4e4e4;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	line-height:147px;
	height:147px;
	text-align:center;
	width:147px;
}
.top.level.grid.layouts li.griditem div{
	height:100px;
	line-height:100px;
}
.top.level.grid li.griditem img{
	vertical-align:middle;
	max-height:147px;
	max-width:147px;
}
.top.level.grid.layouts li.griditem img{
	max-height:100px;
}
.top.level.grid li.griditem .levelitemcheck,
.top.level.grid li.griditem .toplevelitemcheck{
	position:absolute;
	right:5px;
	top:12px;
	width:auto;
}
.top.level.grid li.griditem .itemname{
	display:block;
	font-size:15px;
	height:30px;
	line-height:30px;
	text-align:center;
}
.top.level.grid li.griditem.disabled .itemname{
	color:#c5c5c5;
	text-decoration:line-through;
}
.top.level.grid li.griditem .itemcontrols{
	position:absolute;
	bottom:2px;
	left: 5px;
	padding-right:0;
}
.top.level.grid li.griditem:hover .itemcontrols{
	display:block;
}
.top.level.grid li.griditem:hover .itemcontrols li.last{
	border-left:none;
}

.optionbox .movehandle,
.questionbox .movehandle,
.top.level.moveable .movehandle{
    cursor:move;
    height:22px;
    padding:8px 15px 8px 8px;
    position:absolute;
    right:0;
    top:0;
    width:12px;
}
.optionbox .movehandle span,
.questionbox .movehandle span,
.top.level.moveable .movehandle span{
    background:url(/assets/hub/img/icons/icon_moveable.png) no-repeat;
    display:block;
    height:22px;
    text-indent:-9999px;
    width:12px;
}
.optionbox .movehandle:hover span,
.questionbox .movehandle:hover span,
.top.level.moveable .movehandle:hover span{
    background-position:0 -22px;
}
ul.itemcontrols{
    display:none;
	float:right;
	height:32px;
}
.moveable ul.itemcontrols{
padding-right:30px;
}
.contenttable tbody tr ul.itemcontrols{
	padding-right:0;
}
.levelitemcheck,
.toplevelitemcheck{
    margin-right:10px;
}
div.levelitem:hover ul.itemcontrols,
.contenttable tbody tr:hover ul.itemcontrols{
    display:block;
}
div.levelitem.move ul.itemcontrols{
    display:none;
}
ul.itemcontrols li{
    border-left:1px dotted #d6d6d6;
    float:right;
    height:30px;
    padding:1px 4px;
    width:30px;
}
ul.itemcontrols li a:link,
ul.itemcontrols li a:visited{
    border:1px solid transparent;
    display:block;
    float:right;
    height:28px;
    position:relative;
    text-indent:-9999px;
    width:28px;
}
ul.itemcontrols li a:hover,
ul.itemcontrols li a.hover{
    background-color:#5a5a5a;
    background-image: linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -o-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(115,115,115)),
        color-stop(0.5, rgb(90,90,90)),
        color-stop(0.5, rgb(105,105,105)),
        color-stop(1.0, rgb(83,83,83))
    );
    border:1px solid #7d7d7d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
ul.itemcontrols li a span{
    background-position: 0 -24px;
    left:2px;
    height:24px;
    position:absolute;
    top:2px;
    width:24px;
}
ul.itemcontrols li a:hover span,
ul.itemcontrols li a.hover span{
    background-position: 0 0;
}
ul.itemcontrols li.enable a span{background-image: url(/assets/hub/img/icons/icon_enabled.png);}
ul.itemcontrols li.disable a span{background-image: url(/assets/hub/img/icons/icon_disabled.png);}
ul.itemcontrols li.delete a span{background-image: url(/assets/hub/img/icons/icon_delete.png);}
ul.itemcontrols li.edit a span{background-image: url(/assets/hub/img/icons/icon_edit.png);}
ul.itemcontrols li.duplicate a span{background-image: url(/assets/hub/img/icons/icon_copy.png);}
ul.itemcontrols li.view a span{background-image: url(/assets/hub/img/icons/icon_view.png);}
ul.itemcontrols li.mandit a span{background-image: url(/assets/hub/img/icons/icon_alert.png);}
ul.itemcontrols li.login a span{background-image: url(/assets/hub/img/icons/icon_key.png);}
.mandatory ul.itemcontrols li.mandit a span{background-image: url(/assets/hub/img/icons/icon_alertoff.png);}

/********************item edit**********************/
.editform fieldset{
    border:1px dotted #cfcfcf;
    margin:0 0 20px;
    padding:20px 12px 0;
    position:relative;
}
.editform fieldset legend{
	font-size:20px;
}
.editform fieldset p{
    clear:both;
    font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    padding-bottom:5px;
}
.editform fieldset p.radio-field label{
    padding-right:20px;
}
.editform fieldset table.options,
.editform fieldset table.options{
    font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    margin-bottom:10px;
    width:100%;
}
.editform fieldset th{
    text-align:left;
}
.editform fieldset th.first-col{
    width:200px;
}

.fancybox_container p input,
.questionbox p input,
.optionbox p input,
.questionbox td input,
.optionbox td input,
.editform fieldset p input{
    background:#fdfdfd;
    border:1px solid #f2f2f2;
    height:18px;
    padding:9px;
    line-height:18px;
    margin-bottom:15px;
    width:630px;
}
.questionbox td,
.optionbox td,
fieldset td{
	vertical-align:top;
}
.questionbox td.text input,
.optionbox td.text input,
fieldset td.text input{
	margin-bottom:0;
	width:230px;
}
.questionbox td.text input.check,
.optionbox td.text input.check,
fieldset td.text input.check,
div.fancybox_container table td.text input.check{
	width:auto;
	height:auto;
}
.questionbox table.nodefault td.text input,
.optionbox table.nodefault td.text input,
fieldset table.nodefault td.text input{
	width:252px;
}
.questionbox table.three td.text,
.optionbox table.three td.text,
fieldset table.three td.text{
	width:182px;
}
.questionbox table.three td.text input,
.optionbox table.three td.text input,
fieldset table.three td.text input{
	width:160px;
}
.questionbox table.three td.text p.select-field,
.optionbox table.three td.text p.select-field,
fieldset table.three td.text p.select-field{
	width:160px;
	margin-bottom:0;
}
.questionbox table.three td.text p.select-field select,
.optionbox table.three td.text p.select-field select
fieldset table.three td.text p.select-field select{
	width:160px;
}
.questionbox table.four td.text,
.optionbox table.four td.text,
fieldset table.four td.text{
	width:132px;
}
.questionbox table.four td.text input,
.optionbox table.four td.text input,
fieldset table.four td.text input{
	width:110px;
}
.questionbox table.four td.text p.select-field,
.optionbox table.four td.text p.select-field,
fieldset table.four td.text p.select-field{
	width:110px;
	margin-bottom:0;
}
.questionbox table.four td.text p.select-field select,
.optionbox table.four td.text p.select-field select,
fieldset table.four td.text p.select-field select{
	width:110px;
}
.questionbox table.range td input,
.optionbox table.range td input{
	width:194px;
}
.optionbox .question table th.defaultcol,
.optionbox .question table td.radio{
	text-align:center;
}
.questionbox td.radio input,
.optionbox td.radio input{
	margin-bottom:0;
	width:auto;
}
.optionbox .half p input{
	width:297px;
}
.optionbox div.half{
	float:left;
	width:316px;
	padding-right:15px;
}
.optionbox div.half.last{
	padding-right:0px;
}
.optionbox dl p input{
	width:466px;
}
.editform fieldset p input.datepicker{
    width:588px;
	margin-right:10px;
}
.ui-datepicker-trigger{
	float:right;
}
.optionbox p.select-field,
.editform fieldset p.select-field{
    background:#fdfdfd;
    border:1px solid #f2f2f2;
    color:#aeaeae;
    height:18px;
    padding:9px;
    line-height:18px;
    margin-bottom:15px;
    width:630px;
}
.optionbox .half p.select-field{
	width:297px;
}
.optionbox p.select-field.withedit{
	width:580px;
	float:left;
}
.optionbox p.select-field select,
.editform fieldset p.select-field select{
    background:#fdfdfd;
    border:none;
    height:18px;
    padding:0;
    line-height:18px;
    width:630px;
}
.optionbox .half p.select-field select{
	width:297px;
}
.optionbox p.select-field.withedit select{
	width:580px;
}
.editform fieldset table td input{
    background:#fdfdfd;
    border:1px solid #f2f2f2;
    color:#aeaeae;
    height:18px;
    padding:9px;
    line-height:18px;
    margin-bottom:5px;
}
.optionbox .question p.radio-field span{
	clear:left;
	float:left;
	padding-top:3px;
	width:180px;
}
.editform fieldset p.radio-field span{
    float:left;
    width:210px;
}
.optionbox .question p.radio-field input,
.editform fieldset p.radio-field input{
    width:20px;
}
.editform fieldset .range-field{
    height:40px;
    line-height:40px;
}
.editform fieldset .range-wrap{
    float:left;
    width:430px;
}
.editform fieldset .range-wrap input{
    width:400px;
}
.editform fieldset .range-value{
    background:#fdfdfd;
    border:1px solid #f2f2f2;
    float:left;
    height:36px;
    line-height:36px;
    margin-right:10px;
    text-align:center;
    width:36px;
}
.optionbox ul.bullets li,
.editform fieldset li{
    float:left;
    height:40px;
    padding-bottom:5px;
}
.optionbox ul.bullets li input,
.editform fieldset li input{
    background:#fdfdfd;
    border:1px solid #f2f2f2;
    color:#aeaeae;
    float:left;
    height:18px;
    padding:9px;
    line-height:18px;
    width:589px;
}
ul.metatags{
	float:left;
	margin-bottom:10px;
	width:605px;
}
ul.metatags li input{
	width:540px;
}
.optionbox p textarea,
.editform fieldset p textarea{
    background:#fdfdfd;
    border:1px solid #f2f2f2;
    color:#aeaeae;
    padding:9px;
    line-height:18px;
    margin-bottom:15px;
    width:630px;
}
.optionbox p textarea.editor,
.optionbox p textarea.tinymce,
.editform fieldset p textarea.editor,
.editform fieldset p textarea.tinymce{
	width:650px;
}
.optionbox dl p textarea{
	width:466px;
}
.block .darkbutton,
.block .lightbutton,
.editform .darkbutton,
.editform .lightbutton{
    float:left;
    position:relative;
    margin:0px 10px 20px 0;
}
.editform .addfield,
.editform .editfield,
.editform .removefield,
.editform p .colourpick{
    margin:0 0 0 5px;
    padding:0;
    text-indent:-9999px;
    width:36px;
}
.editform .editfield,
.editform .addfield{
	float:right;
}
.editform ul.options{
	margin:0;
}
.editform h5{
	clear:left;
	font-size:14px;
}
.editform ul.options li {
    border-top: none;
    float: left;
	font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-size:12px;
    height: 22px;
    line-height: 22px;
	padding-right:25px;
    position: relative;
    width: 138px;
}
.editform ul.options li input{
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #F2F2F2;
    color: #AEAEAE;
    float: none;
    height: 18px;
    line-height: 18px;
	margin:0 5px 0 0;
    padding: 0;
    width: auto;
}

/********************pager**********************/
.pager{
    background:#f2f2f2;
    border:1px solid #e4e4e4;
	clear:both;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height:30px;
    padding:4px 10px;
    position:relative;
    margin-top:10px;
}

#pagerrow .pager{
    background:#f2f2f2;
    border:none;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius:  0 0 10px 10px;
    border-radius:  0 0 10px 10px;
    height:30px;
    padding:4px 10px;
    position:relative;
    margin-top:0px;
}


.pager ul{
    padding:0 224px;
}
.pager li a:link,
.pager li a:visited{
    background:#FCFCFC;
    border:1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:left;
    height:28px;
    line-height:28px;
    margin-right:5px;
    text-align:center;
    width:28px;
}
.pager li a:hover{
    background:#fff;
    border:1px solid #bebebe;
}
.pager .page.current a:link,
.pager .page.current a:visited{
    background-color:#5a5a5a;
    background-image: linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -o-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(115,115,115)),
        color-stop(0.5, rgb(90,90,90)),
        color-stop(0.5, rgb(105,105,105)),
        color-stop(1.0, rgb(83,83,83))
    );
    color:#fff;
}
.pager .pagerstart,
.pager .pagerprev,
.pager .pagernext,
.pager .pagerend{
    position:absolute;
    height:26px;
    width:26px;
}
.pager .pagerstart a:link,
.pager .pagerstart a:visited,
.pager .pagerprev a:link,
.pager .pagerprev a:visited,
.pager .pagernext a:link,
.pager .pagernext a:visited,
.pager .pagerend a:link,
.pager .pagerend a:visited{
    background-color:transparent;
    background-position:0 -24px;
    border-color:transparent;
    height:24px;
    text-indent:-9999px;
    width:24px;
}
.pager .pagerstart a:hover,
.pager .pagerprev a:hover,
.pager .pagernext a:hover,
.pager .pagerend a:hover{
    background-color:#5a5a5a;
    background-image: linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -o-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(115,115,115)),
        color-stop(0.5, rgb(90,90,90)),
        color-stop(0.5, rgb(105,105,105)),
        color-stop(1.0, rgb(83,83,83))
    );
    background-position: 0 0;
}

.pager .pagerstart{left:7px;top:7px;}
.pager .pagerprev{left:37px;top:7px;}
.pager .pagernext{right:37px;top:7px;}
.pager .pagerend{right:7px;top:7px;}

.pager .pagerstart a:link,
.pager .pagerstart a:visited{background-image: url(/assets/hub/img/icons/icon_paging_start.png);}
.pager .pagerprev a:link,
.pager .pagerprev a:visited{background-image: url(/assets/hub/img/icons/icon_paging_back.png);}
.pager .pagernext a:link,
.pager .pagernext a:visited{background-image: url(/assets/hub/img/icons/icon_paging_next.png);}
.pager .pagerend a:link,
.pager .pagerend a:visited{background-image: url(/assets/hub/img/icons/icon_paging_end.png);}


/********************left nav**********************/
div#leftnav{
    float:left;
    font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    font-size:15px;
    padding-top:20px;
    width:260px
}
#leftnav h3.main{
	font-family:"CoconlightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
	padding:0 0 15px 15px;
	font-size:24px;
}
#sitesearch{
	margin-bottom:15px;
}
#sitesearch p{
	background:#fff;
	border:1px solid #f2f2f2;
	margin: 0 20px 0 0;
	position:relative;
	padding:6px 37px 6px 6px;
}
#sitesearch p input{
	background:none;
	border:none;
	padding:0;
	margin:0;
	height:19px;
	line-height:19px;
	position:relative;
	width:100%;
}
#sitesearch p a{
	background:url(/assets/hub/img/icons/icon_search.png) no-repeat 0 -24px;
	display:block;
	height:25px;
	outline:none;
	position:absolute;
	right:3px;
	text-indent:-9999px;
	top:3px;
	width:25px
}
.block{
	clear:both;
    font-size:14px;
    padding:0 30px 15px 15px;
}
.block h3{
    font-family:"CoconRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    font-size:18px;
    padding-bottom:10px;
}
.block dt{
    font-family:"CoconRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
}
.block dd{
    padding-bottom:10px;
}
.filterbox.pages h3{
	padding-bottom:0;
}
.filterbox.pages h4,
.filterbox.pages label{
	display:block;
	font-family:"CoconRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
	padding:0 0 0 38px;
}
.filterbox.pages h4.expand,
.filterbox.pages label{
	cursor:pointer;
}
.filterbox.pages h4 span,
.filterbox.pages label span{
	background-position:0 -24px;
}
#savepagecont{
	float:right;
	position:relative;
	height:60px;
	width:100%;
}
#savepage{
	float:right;
	margin:10px 0;
}
.filterform{
	float:left;
	margin:0 0 15px -15px;
	width:100%;
}
.filterform ul.elements{
	padding-bottom:15px;
	float:left;
}
.filterform ul.elements li{
	border: none;
	line-height:26px;
	min-height:26px;
}
.filterform ul.elements.images li{
	color:#C5C5C5;
	border: none;
	font-size:12px;
	line-height:20px;
	min-height:26px;
	padding-bottom:6px;
}
.filterform ul.elements li a{
	display:block;
	padding:0 0 0 38px;
}
.filterform ul.elements.images li a{
	color:#C5C5C5;
}
.filterform ul.elements.images li a strong{
	color:#636363;
	display:block;
	font-size:14px;
	font-weight:normal;
}
.filterform ul.elements li.used a{
	color:#C5C5C5;
}
.filterform ul.elements li span{
	background-position:0 -24px;
	left:6px;
	top:1px;
}
.filterform ul.elements.images li span{
	top:9px;
}

.filterform p.select{
	background:#fff;
	border:1px solid #f2f2f2;
	margin-bottom:10px;
	padding:4px;
}
.filterform p.select select{
	background:transparent;
	border:none;
	width:100%;
}
.filterform ul{
	margin-top:5px;
}
.filterform.radios ul{
	border-top:1px dotted #e1e1e1;
	margin-top:5px;
}
.filterform ul li{
	border-top:1px dotted #e1e1e1;
	float:left;
	height:auto;
	line-height:35px;
	min-height:35px;
	position:relative;
	width:100%;
}
.filterform.radios ul li{
	border-top:none;
}
.filterform.radios ul li input{
	position:absolute;
	right:6px;
	top:5px;
}
.filterform ul li.first{
	border-top:none;
}
.filterform ul li span.arrow{
	position:absolute;
	right:0;
	top:7px;
	background:url(/assets/hub/img/icons/icon_toggle.png) no-repeat;
    border: none;
    color: #AEAEAE;
    float: none;
    height: 24px;
    padding: 0;
    width: 24px;
}
.filterform ul li .open span.arrow{
	background-position:0 -24px;
}

.filter.twocols{
	float:left;
	margin-bottom:20px;
}
.filter.twocols p{
	clear:none;
	font-size:12px;
	float:left;
	line-height:16px;
}
.filter.twocols p{
	width:215px;
}
.block .filter.twocols p{
	width:115px;
}
.filterform div.filter{
	display:none;
}
.filter.twocols p input{
	background:#fff;
	float:none;
	border:1px solid #f2f2f2;
	line-height:normal;
	width:auto;
}
.filter.twocols.minmax p input{
	background:#fff;
	border:1px solid #f2f2f2;
	line-height:26px;
	width:80%;
}
.exportdata{
	margin-left:-15px;
}
.exportdata .darkbutton,
.filterform .darkbutton,
.filterform .lightbutton{
    float:left;
    margin:10px 10px 0 0
}

.filterform ul.options li {
    border-top: medium none;
    float: left;
    font-family: "CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    font-size: 10px;
    height: 22px;
	min-height:20px;
    line-height: 22px;
    padding-right: 5px;
    position: relative;
    width: 110px;
}


.recordstotal{
	background:#fff;
	border:1px solid #eee;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	height:30px;
	line-height:15px;
	float:left;
	padding:4px 15px;
	margin:10px 0 0 0;
	width:96px;
}
.recordstotal strong{
	display:block;
}
/********************left nav -with select**********************/
div#withselect{
    background:#fff;
    border:1px solid #e4e4e4;
    float:left;
	position:relative;
    margin:0 10px 15px 0;
    width:188px;
	z-index:100;
}
div#withselect h3 a:link,
div#withselect h3 a:visited{
    background:#5a5a5a;
    background-color:#5a5a5a;
    background-image: linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -o-linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(228,228,228) 0%, rgb(241,241,241) 50%,rgb(248,248,248) 50%, rgb(254,254,254) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(228,228,228)),
        color-stop(0.5, rgb(241,241,241)),
        color-stop(0.5, rgb(248,248,248)),
        color-stop(1.0, rgb(254,254,254))
    );
    display:block;
    height:39px;
    line-height:39px;
    position:relative;
    text-indent:10px;
}
div#withselect ul{
	/* display:none; */
	background:#fff;
	left:-1px;
	position:absolute;
	top:39px;
	width:188px;
	border:1px solid #E4E4E4;
	border-top:none;
}
div#withselect h3 a.selected:link,
div#withselect h3 a.selected:visited{
    background:#fff;
}
div#withselect li{
    border-top:1px dotted #e4e4e4;
}
div#withselect li a:link,
div#withselect li a:visited{
    display:block;
    height:39px;
    line-height:39px;
    position:relative;
    text-indent:10px;
}
div#withselect h3 a span,
div#withselect li a span{
    background-position: 0 -24px;
    right:8px;
    height:24px;
    position:absolute;
    top:8px;
    width:24px;
}
div#withselect li:hover a span,
div#withselect h3 a.selected span{
    background-position: 0 0;
}
div#withselect h3 a span{ background-image: url(/assets/hub/img/icons/icon_toggle.png); }
div#withselect li.delete a span{ background-image: url(/assets/hub/img/icons/icon_delete.png); }
div#withselect li.duplicate a span{ background-image: url(/assets/hub/img/icons/icon_copy.png); }
div#withselect li.enable a span{ background-image: url(/assets/hub/img/icons/icon_enabled.png); }
div#withselect li.disable a span{ background-image: url(/assets/hub/img/icons/icon_disabled.png); }
div#withselect li.dispatch a span{ background-image: url(/assets/hub/img/icons/icon_deliver.png); }


div#withselect li a:hover{
    background:#5a5a5a;
    background-color:#5a5a5a;
    background-image: linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -o-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(115,115,115) 0%, rgb(90,90,90) 50%,rgb(105,105,105) 50%, rgb(83,83,83) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(115,115,115)),
        color-stop(0.5, rgb(90,90,90)),
        color-stop(0.5, rgb(105,105,105)),
        color-stop(1.0, rgb(83,83,83))
    );
    color:#fff;
}
#selectall{
    float:left;
    text-indent:-9999px;
    padding:0;
    position:relative;
    width:36px;
}
#selectall:link span,
#selectall:visited span{
    background: url(/assets/hub/img/icons/icon_select.png) 0 0;
    left:6px;
    height:24px;
    position:absolute;
    top:6px;
    width:24px;
}
#selectall:hover span{
    background-position: 0 -24px;
}
/********************left nav********************/
dl.itemdetails{
	color:#C5C5C5;
}
.libraryside{
	float:left;
	width:230px;
	margin:0 -15px;
	padding:0 0 15px 15px;
}
.libraryside h3{
	padding-bottom:5px;
}
.libraryside .darkbutton,
.libraryside .lightbutton{
	margin:10px 0 0 -15px;
}
#libraryleftnav li{
	border-top:1px dotted #E4E4E4;
	border-bottom:1px dotted #E4E4E4;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	margin:0 -15px;
	height:39px;
	line-height:39px;
	padding:0 15px 0 5px;
	position:relative;
}
#libraryleftnav li a.itemname:link,
#libraryleftnav li a.itemname:visited{
	display:block;
	padding-left:30px;
	background:url(/assets/hub/img/icons/icon_folder.png) 2px -18px no-repeat;
}
#libraryleftnav li a.itemname.locked:link,
#libraryleftnav li a.itemname.locked:visited{
	background:url(/assets/hub/img/icons/icon_lockedfolder.png) 2px -18px no-repeat;
}
#libraryleftnav li.selected{
	background:#fff;
	border:1px solid #E4E4E4;
	border-right:1px solid white;
	height:40px;
	line-height:40px;
	margin:-1px -15px -1px -15px;
}
#libraryleftnav li ul.itemcontrols{
	position:absolute;
	float:none;
	height:32px;
	right:3px;
	top:3px;
}
#libraryleftnav li ul.itemcontrols li{
	border:none;
	border-left: 1px dotted #D6D6D6;
    height: 30px;
	margin:0;
    padding: 1px 4px;
    width: 30px;
}
#libraryleftnav li:hover ul.itemcontrols{
	display:block;
}

/********************table**********************/
.contenttable{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	border:1px solid #eee;
	font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
}
.contenttable th{
	background:#f2f2f2;
	font-family:"CoconRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
	height:40px;
	line-height:40px;
	text-align:left;
}
.contenttable th.first{
	-webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}
.contenttable th.first span{
	background:url("/assets/hub/img/icons/icon_select.png") no-repeat 0 -24px;
	display:block;
	height:24px;
	line-height:24px;
	margin:0 auto;
	text-indent:-9999px;
	width:24px;
}
th a.toggle{
	background: url(/assets/hub/img/icons/icon_toggle2.png) no-repeat;
	display:inline-block;
	height:8px;
	margin:0 0 2px 5px;
	text-indent:-9999px;
	vertical-align:middle;
	width:12px;
}
th a.toggle.up{
	background-position: 0 -8px;
}
th a.toggle.down{
	background-position: 0 0;
}

.contenttable th.last{
	-webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}
.contenttable tbody td{
	background:#fcfcfc;
	border-top:1px solid #eee;
	height:40px;
	line-height:40px;
	position:relative;
	z-index:0;
}
.contenttable tbody td.first{
	border-left:1px solid transparent;
	text-align:center;
}
.contenttable tbody tr:hover td{
	background:#fff;
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	height:39px;
	line-height:39px;
	position:relative;
	z-index:1;
}
.contenttable tbody tr:hover td.first{
	border-left:1px solid #bebebe;
}
.contenttable tbody tr:hover td.last{
	border-right:1px solid #bebebe;
}
ul.socials,
ul.modules{
	float:left;
	width:100%;
}
ul.modules li{
	margin:0 4px 4px 0;
	float:left;
	width:338px;
}
ul.modules li.even{
	margin-right:0;
}
ul.modules li a{
	border:1px solid #eeeeee;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	background:#fcfcfc;
	display:block;
	height:48px;
	line-height:48px;
	padding:0 10px 0 45px;
	position:relative;
	width:281px;
}
ul.modules li a:hover{
	background:#fff;
	border-color:#bebebe;
}
ul.modules li a span{
	background-position:0 -24px;
	position:absolute;
	left:15px;
	top:11px;
}
table.modules{
    width:100%;
    margin-bottom: 20px
}
table.modules .variables{
    width:425px;
}
table.modules td{
    vertical-align: middle;
}
ul.socials li{
	margin:0 4px 4px 0;
	float:left;
	border:1px solid #eeeeee;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	background:#fcfcfc;
	display:block;
	line-height:28px;
	padding:10px 10px 10px 10px;
	position:relative;
	text-align:center;
	width:316px;
}
ul.socials li.even{
	margin-right:0;
}
ul.socials li.connected{
	background:#fff;
}
ul.socials li span{
	background-position:0 -24px;
	position:absolute;
	left:15px;
	top:11px;
}
ul.socials li p{
	font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
}
ul.socials li p a{
	font-family:"CoconRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
}
ul.socials li a.darkbutton{
	float:none;
	display:block;
	margin:10px auto;
	width:150px;
}
ul.socials li.connected a.darkbutton{
	width:220px;
}

/********************Question********************/
.optionbox,
.questionbox{
	background:#fcfcfc;
	border:1px solid #eee;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	float:left;
	margin-bottom:5px;
	position:relative;
	width:678px;
}
.optionbox:hover,
.questionbox:hover{
	background:#fff;
}
.optionbox.move,
.questionbox.move{
	background:#fcfcfc;
}
.optionbox h3,
.questionbox h3{
	padding:8px 15px;
}
.optionbox h3 span,
.questionbox h3 span{
	display:none;
	font-size:12px;
	font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
	padding-left:10px;
}
.optionbox.mandatory h3 span,
.questionbox.mandatory h3 span{
	display:inline;
}
.optionbox .question,
.questionbox .question{
	border-top:1px solid #eee;
	float:left;
	padding:15px 15px 5px;
	width:648px;
}
.optionbox .question.rte,
.questionbox .question.rte{
	padding:0;
	width:678px;
}
.optionbox .question.rte-tinymce,
.questionbox .question.rte-tinymce{
	padding:5px;
	width:668px;
}
.questionbox .questiontext{
	width:470px;
}
.questionbox .question p{
	float:left;
}
.questionbox .question p input{
	margin-top:5px;
	width:440px;
}
.questionbox .question span.select{
	background:#fff;
	border:1px solid #f2f2f2;
	display:block;
	height:28px;
	line-height:28px;
	margin:5px 0 10px;
	padding:4px;
}
.questionbox .question span.select select{
	background:transparent;
	border:none;
	width:168px;
}
.optionbox ul.bullets li input{
	width:533px;
}
table.options{
	padding:0;
	width:100%;
	margin: 0 0 15px 0;
}
table.options p{
	line-height:38px;
}
table.options td,
table.options th,
table.options tr{
	padding:0;
	margin:0;
}
div.fancybox_container table.options{
	font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
}
table.options th{
	text-align:left;
    font-family:"CoconRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-weight:normal;
}
table.options .refcol,
table.options .addcol,
table.options .deletecol,
table.options .defaultcol{
	width:45px;
}
table.options .namecol{
	width:190px;
}
table.options .fieldtitleth{ width:130px;}
table.options .fieldshowth{ width:45px;}
table.options .fieldnameth{ width:245px;}

.optionbox ul.itemcontrols,
.questionbox ul.itemcontrols{
	border-right:1px dotted #D6D6D6;
    display:none;
	float:none;
	height:30px;
	padding:0;
	position:absolute;
	top:5px;
	right:40px;
}
.optionbox:hover ul.itemcontrols,
.questionbox:hover ul.itemcontrols{
	display:block;
}
.optionbox.move ul.itemcontrols,
.questionbox.move ul.itemcontrols{
	display:none;
}
.optionbox ul.itemcontrols li,
.questionbox ul.itemcontrols li{
	padding:0 4px;
}
.optionbox .preview{
	background:#e4e4e4;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	float:left;
	line-height:147px;
	margin:20px 15px 15px 0;
	height:147px;
	text-align:center;
	width:147px;
}
.optionbox .preview.secondcol{
	margin-top:0;
}
.optionbox .previewside{
	float:left;
	padding-top:5px;
	width:486px;
}
.optionbox .previewside p.select-field{
	width:466px;
}
.optionbox .previewside p.select-field select{
	width:466px;
}
.optionbox .preview img{
	vertical-align:middle;
	max-height:147px;
	max-width:147px;
}


/********************Footer**********************/
div#footer {
	background:#3e3e3e;
    border-top:10px solid #fefefe;
    box-shadow:0px 0px 5px #777;
	bottom:0;
	font-size:12px;
    height:50px;
	position:absolute;
    width:100%;
    z-index:998;
}
div#footer p{
	color:#939393;
    font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    height:50px;
    line-height:50px;
    margin:0 auto;
    width:960px;
}
div.leftbg{
    background:#fcfcfc;
    border:1px solid #d6d6d6;
    bottom:0;
    left:0;
    margin-right:220px;
    position:absolute;
    right:50%;
    top:0;
    z-index:-1;
}
/********************COLOUR PICKER**********************/
div.fancybox_container.fancycolour{
	min-width:100px;
}
#colorpicker{
	float:left;
}
.colourcontrols{
	float:left;
	padding-left:20px;
	width:100px;
}
#color{
	float:left;
    border: none;
    height: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    padding: 9px;
    width: 65px;

}
.editform fieldset p input#colourdisplay{
	float:left;
	width:200px;
}
/********************Fancybox**********************/
div.fancybox_container{
    background:#f2f2f2;
    min-width:380px;
    padding:10px;
}
div.fancybox_container h2{
    padding-bottom:10px;
}
div.fancybox_container ul{
    padding:10px 0 10px 30px;
    list-style:disc;
}

div.fancybox_container .darkbutton,
div.fancybox_container .lightbutton{
    float:left;
    margin:10px 10px 0 0
}
div.fancybox_container p input,
div.fancybox_container table input{
    background:#fdfdfd;
    border:1px solid #f2f2f2;
    height:18px;
    padding:9px;
    line-height:18px;
    margin-bottom:15px;
    width:400px
}
div.fancybox_container table td.text input{
    width:215px;
	margin-bottom:0;
}
div.fancybox_container p span{
	font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-size:12px;
}
div.fancybox_container p.select-field{
    background:#fdfdfd;
    border:1px solid #f2f2f2;
    color:#aeaeae;
    height:18px;
    padding:9px;
    line-height:18px;
    margin-bottom:15px;
    width:400px;
}
div.fancybox_container table td.text div.widgetimage input{
	float:left;
	width:155px;
}
div.fancybox_container div.widgetimage p.select-field,
div.fancybox_container div.widgetimage p.select-field select{
	float:left;
	margin-bottom:0;
	width:40px;
}
div.fancybox_container p.select-field select{
    background:#fdfdfd;
    border:none;
    height:18px;
    padding:0;
    line-height:18px;
    width:400px;
}
div.fancybox_container p.radio-field label{
    font-family:"CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif;
    padding-right:20px;
}
div.fancybox_container p.radio-field input{
    width:20px;
}
div.fancybox_container p.radio-field strong{
    float:left;
    font-weight:normal;
    line-height:28px;
    width:150px;
}

div.fancybox_container.viewmessage td{
	vertical-align:middle;
	padding-bottom:10px;
}
div.fancybox_container.viewmessage .formdump{
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	width:500px;
}
div.fancybox_container.viewmessage td p{
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;
}
div.fancybox_container.viewmessage .darkbutton{
	float:right;
}
#fancybox-title{
	display:none;
}

/* Checkbox LI */
.editform fieldset .checkboxlist li { width: 50%; height: 21px; }
.editform fieldset .checkboxlist li input { width: auto; margin: 0; }
.editform fieldset .checkboxlist li label { width: auto; margin-left: 3px; font-weight: normal; font-family: "CoconLightRegular",Helvetica,"Helvetica Neue",Arial,sans-serif; }
/********************homepage**********************/
.homepage li{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #e4e4e4;
    float:left;
    margin:0 10px 10px 0;
    width:158px;
}
.homepage li a.section{
    background-color:#f2f2f2;
    background-repeat:no-repeat;
    background-position:35px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:left;
    font-size:16px;
    height:30px;
    padding:115px 5px 5px;
    position:relative;
    text-align:center;
    width:148px;
}
.homepage li:hover a.section{
    background-color:#fff;
}
.homepage li.home-pages a{background-image:url('/assets/hub/img/icons/icon_large_pages.png');}
.homepage li.home-modules a{background-image:url('/assets/hub/img/icons/icon_large_modules.png');}
.homepage li.home-widgets a{background-image:url('/assets/hub/img/icons/icon_large_plug.png');}
.homepage li.home-library a{background-image:url('/assets/hub/img/icons/icon_large_library.png');}
.homepage li.home-responses a{background-image:url('/assets/hub/img/icons/icon_large_form.png');}
.homepage li.home-mailing a{background-image:url('/assets/hub/img/icons/icon_large_contacts.png');}
.homepage li.home-comments a{background-image:url('/assets/hub/img/icons/icon_large_comment.png');}
.homepage li.home-users a{background-image:url('/assets/hub/img/icons/icon_large_profile.png');}
.homepage li.home-websites a{background-image:url('/assets/hub/img/icons/icon_large_mac.png');}
.homepage li.home-agency a{background-image:url('/assets/hub/img/icons/icon_large_coffee.png');}
.homepage li.home-languages a{background-image:url('/assets/hub/img/icons/icon_large_globe.png');}

.homepage li a .notification{
    background:#3e3e3e;
    border:2px solid #fff;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    -moz-box-shadow: 0px 0px 3px 0 #000;
    -webkit-box-shadow: 0px 0px 3px 0 #000;
    box-shadow: 0px 0px 3px 0 #000;
    color:#fff;
    font-size:20px;
    height:34px;
    line-height:34px;
    padding-top:2px;
    position:absolute;
    right:-5px;
    text-align:center;
    top:-5px;
    width:38px;
}

.homepage li a.external{
    background-repeat:no-repeat;
    background-position:15px 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:left;
    font-size:16px;
    height:20px;
    line-height:20px;
    padding:15px 5px 145px;
    position:relative;
    text-align:center;
    width:148px;
}
.homepage li a.external:hover{
    background-color:#f2f2f2;
}
.homepage li.home-chrome a{background-image:url('/assets/hub/img/chrome-128.png');}
.homepage li.home-chimp a{background-image:url('/assets/hub/img/mailchimp-128.png');}
.homepage li.home-analytics{
    width:328px;
}
.homepage li.home-analytics p{
    background-image:url('/assets/hub/img/googleanalytics.png');
    background-repeat:no-repeat;
    background-position:center 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:left;
    font-size:16px;
    height:20px;
    line-height:20px;
    padding:15px 5px 145px;
    position:relative;
    text-align:center;
    width:321px;
}
.homepage li.home-analytics p a.darkbutton{
    bottom:15px;
    position:absolute;
    left:50%;
    margin-left:-46px;
    text-align:center;
    width:45px;
}
/********************homepage**********************/
.getconnected{
    background: #FFF;
    border: 1px solid #E4E4E4;
    border-radius: 5px 5px 5px 5px;
    margin: 10px -10px;
    padding: 10px;
}
.getconnected ul li{
    border-bottom:1px dotted #e4e4e4;
    position:relative;
}
.getconnected ul li.last{
    border-bottom:none;
    margin-bottom:-10px;
}
.getconnected ul li div{
    background-color:#ffd6d6;
    background-image:url('/assets/hub/img/marker.png');
    background-repeat:no-repeat;
    background-position:center;
    border:1px solid #ebb1b1;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    float:right;
    height:26px;
    position:relative;
    top:10px;
    width:50px;
}
.getconnected  h3{
    font-size:16px;
    padding-bottom:0;
}
.getconnected ul li div.on{
    background-color:#e8ffca;
    border-color:#b3dc7c;
}
.getconnected ul li div span{
    background:url('/assets/hub/img/marker2.png');
    height:23px;
    left:2px;
    position:absolute;
    width:23px;
    top:2px;
    text-indent:-9999px;
}

/******************** monitor **********************/
#monitor{
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
#monitor td{
    border: 1px solid #cacaca;
    border-bottom: 1px solid #3e3e3e;
    font-size: 12px;
    padding: 2px;
}
#monitor th{
    border: 1px solid #cacaca;
    border-top:none;
    border-bottom: 2px solid #3e3e3e;
    width: 130px;
}
#monitor th.section,
#monitor th.action{width:80px;}