/* overrides for Artisteer you should not modify the files exported from Artisteer such as style.css, you can override things as needed here or in stylemojo.css */

/* this is needed because the artisteer buttons otherwise looke enabled even when disable */
input.art-button[disabled="disabled"] { background-color: #ccccff !important; color: #9999cc !important; }



.art-postcontent { line-height:150%; }
/* this keeps the background images out of the editor and dialog pages */
body.dialogpage ,
body.filedialog,
body.wysiwygeditor
{
	background-color: white;
	color:black;
	background-image: none;
	font-size: 12px; 
	min-width: 100px;
}

.cke_panel_frame {background:white;}

body.help-page
{
	color:black;
	background-color: white;
	background-image: none;
	
}

body.wysiwygeditor  p
{
  font-size: 14px;
  margin: 12px 0;

}

body.wysiwygeditor ul li
{
  text-decoration: none;
  line-height: 125%;    
  padding: 0 0 0 13px;
  margin-left:20px;
  background-image: url('images/blockcontentbullets.png');
  background-repeat: no-repeat;
}

body.wysiwygeditor  h1 { font-size:28px; }
body.wysiwygeditor  h2 {font-size :24px;}
body.wysiwygeditor  h3 { font-size: 22px; }
body.wysiwygeditor  h4 { font-size: 18px; }
body.wysiwygeditor  h5 { font-size: 16px; }

body { overflow-x:hidden;  }

form { height:100%; }

img
{
  border: 0!important;
}
input, select, textarea { text-transform:none; }

/* this keeps side bar background images from pushing past the footer in some designs */
.leftside , .rightside{ overflow: hidden;} 

ul.userstats img,
ul.linkitem  img{ margin:0; }

.art-logo h1 a { text-decoration: none;}

.art-blockheader .t {max-height:40px; overflow:hidden; }

.folder-panel, div.file-wraper { background-color:white; }
ul.file-list,
ul.file-list li ,
ul.folder-list,
ul.folder-list li 
{ background-image:none; color:black; }

div.mojo-tabs ul  > li::before, 
div.adminmenu ul.simplelist  > li::before ,
ul.simplelist   > li::before,
div.gallerymodule ul  > li::before,
ul.simplehorizontalmenu  > li::before,
ul.blognav  > li::before
{ content: ''; display:block;}


ul.tag-cloud  > li::before { content: ''; }
ul.tag-cloud  a { padding-right:5px; }

.aspcalendarmain th, .aspcalendarmain td,
.mpcalendarmain th, .mpcalendarmain td { text-align:center; }
.eventweekview  table,
.eventdayview  table { color:black; width:100%; }

.AspNet-DataList table td,
.eventdayview  table th,
.eventdayview  table td,
.eventweekview  table th,
.eventweekview  table td
{padding: 0px; border:none; }

table.FileManager_table {  border-spacing: 0px; }

.permission td,
.permission th,
.formwizard th,  
.formwizard td ,
.sharedfiles th,  .sharedfiles td , .filemanager th , .filemanager td{ border:none; padding: 3px 0px 3px 0px!important;}
.filemanager th img, .filemanager td img, .sharedfiles th img, .sharedfiles td  img { margin:0px 2px 0px 2px ; }

table.aspcheckboxlist td, table.aspcheckboxlist th { border:none; }
body.querytool { overflow-x:scroll; }

ul.simplehorizontalmenu > li:before { display: inline; }

div.art-search { margin:0; padding:0; }

/*
html.chrome.desktop #art-resp { display: none; }
*/

/* needed to keep from showing through mega menu */
h1.art-headline { z-index: 70; }
/* needed to keep menu from obscurring colorbox */



.modulelinks img,
a.mhelp img,
a.feedlink img,
a.editlink img {margin: 0 0 0 0;}
/* ed1t overrides*/


/* Header, banner etc */
.art-main {position:absolute;width:900px;min-width:900px;} /* This is needed for older versions of IE - otherwise the child divs lose their place */
.art-sheet {width:900px}
/*.art-header {height:170px; width:900px;visibility:visible;}*/
.art-header {
    margin: 0 auto;
    height: 120px;
    background-image: url(images/header.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
    width: 1000px;
    z-index: auto !important;
}
#wrapheader { background-image:url('banner.jpg');background-repeat:no-repeat;background-position:center;height:170px; width:900px;position:relative;top:10px;}
header.art-header.clearfix{height:0;min-height:0}
.art-shapes {visibility:hidden;height:0;}
.topnavwrap { margin-right:-30px; }
.topnav {position:relative; top:-15px; left:-130px; width:auto; padding-top: 5px; margin-top: 0px; padding-right: 0px;height: 10px;background-repeat: repeat-x; margin-top:0px;font-weight:normal;}
.topnavitem, .firstnav {float:right; border-left: solid thin #666;font-size: 0.8em;font-weight:100;font-family: Arial,Helvetica,sans-serif; color:#666; text-transform:lowercase;}
.firstnav {border-left: none; float:right;}
li.topnavitem {float:right;}





/* Main Menu */
.art-nav {
    margin: 0 auto;
    position: relative;
    z-index: 499;
    text-align: left;
	background-color: rgba(241, 246, 250, 1);
	height:43px;
	width:900px;
    margin-top: -10px;
	border-bottom: none;/*2px solid rgba(38, 38, 38, 0.85);*/
}

ul.art-hmenu > li > a height:35px; line-height:35px;/* Main Menu */
ul.art-hmenu > li > a height:35px; line-height:35px;

ul.art-hmenu li { background:lightgray;}

.sitelink {position:relative; }
.sitelink li {float:right;}

input {background-color: white;}

.art-postmetadataheader { border:none;}
.art-post {margin:0 10px 0 10px;}

.ui-widget-content {background-color:white !important; background-image:none;}
.ui-widget-header {background-image:none;}

a {color:#426D86;/*#7ba8c2;*/}

/* Sort out menu background etc in admin/member tabs */

/* Thumb Menu  */
.ThumbnailMenuOuter { width:732px; height:auto; margin-left:0px; text-decoration:none; float:left; }
.ThumbnailMenuOuter a {text-decoration:none; }
.ThumbMenuHeader{font-size:large;font-weight:700;padding-bottom:0px; height: 10px; }
/*.ThumbMenuItemLeft{float:left;left:0;padding-bottom:30px;position:relative;height:70px;text-align:left;width:300px}*/
.ThumbMenuItemLeft{float:left;left:0;padding-bottom:30px;position:relative;height:88px;text-align:left;width:337px}
.ThumbMenuItemRight{float:right;padding-bottom:30px;position:relative;height:88px;right:50px;text-align:right;width:346px}
.ThumbMenuImage{border:solid 0px grey;float:left;height:50px;width:50px; margin-top:-12px;}
.ThumbMenuText{float:right;text-align:left;vertical-align:top;width:275px; color: #666;}
.ThumbMenuText a {color:#426D86 !important; font-weight:bold;}

ul  {list-style-type: none;}
.linkitem li {list-style-type: none;}
.art-block ul>li:before {content: none;}
.art-postcontent ul>li, .art-post ul>li, .art-textbook ul>li {overflow-y: visible;}
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textbook ul>li:before  {position: absolute;}
.art-postcontent ul>li {padding-left:0px; margin: 0px 5px 4px 10px;}
.art-post ul {margin-left: 10px;}
.ForthcomingBookingDateList {list-style-type: none;}

table{border-collapse: collapse;}



/* Accessibility items - text resizer etc */
.resizer { float:left; position:absolute; top:-5px; z-index:1000;}
.textresizer-label { font-size:14pt; font-style:bold; position:relative; top:-2px }
#textsizer {    margin-bottom: 8px;}
#textsizer {    display: inline;   }
.textresizer {position:relative; top:-4px;}
ul.textresizer { list-style: none;display: inline;margin: 0px;padding: 0px;}
ul.textresizer li {display: inline;margin: 0px;margin-right: 3px;padding: 0px;}
ul.textresizer a {border: solid 1px #999;padding: 2px 3px;font-weight: bold;text-decoration: none;}
ul.textresizer a:hover {background: #e5e5e5;border: solid 1px #cccccc;}
ul.textresizer .small-text  {font-size: 12px;}
ul.textresizer .medium-text  {font-size: 14px;}  
ul.textresizer .large-text   {font-size: 16px;}
ul.textresizer .larger-text {font-size: 18px;}
ul.textresizer a.textresizer-active  {border: solid 1px #2B562B;background: #FFCA6F;color: #000000;}


#AccessInfo { width:300px;height:150px;background-color:grey; overflow:hidden; position:absolute; /*visibility: hidden; */}
/*.textresizer-lab*/

.art-content-layout .art-sidebar1 {
    background: #696973;
    margin: 0 auto;
    width: 225px;
}

.art-block {
    margin: 0; 
}

.art-block li {
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 125%;
    color: #F0F0F0;
}

.art-blockcontent {
    padding: 3px;
    margin: 0 auto;
    color: #DEDEDE;
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-sheet {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    margin: 0 auto;
    position: relative;
    cursor: auto;
    width: 1000px;
    z-index: auto !important;
}

.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover {
    font-size: 42px;
    font-family: 'Goudy Old Style', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    padding: 0;
    margin: 0;
    color: #FFFFFF !important;
    white-space: nowrap;
}
.art-headline {
    display: inline-block;
    position: absolute;
    min-width: 50px;
    top: 13px;
    left: 99.3% !important;
    line-height: 100%;
    margin-left: -287px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 101;
}

div.topnavwrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0px 0px 0px 0px;
    width: 100%;
    z-index: 100;
    padding: 5px 0px 7px 10px;
}

div.topnavwrap {
    margin: 98px 0px 0px 0px;
}

div.topnav {
    width: auto;
    margin-bottom: 0px;
    margin-right: 10px;
    float: right;
	margin-left: auto;
	left:-130px;
}

li.firstnav {
    float: left;
    list-style-type: none;
    padding: 0 7px 0 5px;
}

h1 {
    font-size: 75px;
    color: white;
    font-family: Goudy Old Style;
    margin-top: 12px;
}

.art-blockheader {
    background: #696973;
    border: 1px solid #808080;
    padding: 12px 3px;
    margin: 0 auto;
}

.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover {
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    margin: 0 10px 0 5px;
}

.art-block ul>li:before {
    content: url(images/blockbullets.png);
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -12px;
}

.art-block ul>li, .art-block ol {
    padding: 0;
}
.art-block ul>li {
    padding-left: 12px;
}

.art-block li {
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 125%;
    color: #F0F0F0;
}

.art-layout-cell {
    display: table-cell;
    vertical-align: top;
}


ul.art-vmenu>li>a {
    border: 1px solid transparent;
    padding: 0 10px;
    margin: 0 auto;
    color: #EDF3F8;
    min-height: 20px;
    line-height: 20px;
}

.art-vmenu li a {
    color: white;
    text-decoration: none;
	margin-left: 23px;
}