@import url(https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,600);

body{
	padding:0px;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height: 17px;
	background:#849aa0;
	color:#1c312f;
	font-weight: 400;
	overflow:auto !important;
}

*{
	box-sizing:border-box !important;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	*behavior: url(http://cloudfront.sketchanet.com/behavior/boxsizing.htc);
}
a{text-decoration: none; color: #057f81;}
strong{font-weight: 600;}
i{font-style: italic;}
h2{font-weight: 600; font-style: italic; font-size: 15px; color: #496165;}
select{min-width: 200px;}
input[type="submit"]{padding: 5px;}

.wrap{width: 900px; margin: 0 auto; position: relative;}
.blacktext{color: #000;}
.hiddenform input{display: none;}
.hiddenform .ui-datepicker-trigger{display: none;}
.clearfloat{clear:both; height:0; font-size: 1px; line-height: 0px;}

.dataRecords, .dataRecordTemplate{display: none;}

.form input[type="submit"]{margin-left: 108px; margin-top: 16px;}
.fieldrow{line-height: 33px; position: relative; margin-bottom: 7px; display: block;}
.fieldrow .label{position: absolute; top: 0; left: 0; width: 100px;}
.fieldrow .label, .fieldrow .label label{font-weight: 600; font-size: 15px; color: #496165;}
.fieldrow .input, .error.fieldrow{margin-left: 108px;}
.fieldrow .input > a{font-size: 12px; color: #057f81; display: block; line-height: 12px; padding-bottom: 5px;}
.fieldrow .input > input[type='text'],
.fieldrow .input > input[type='password']{height: 33px; line-height: 33px; padding: 0 10px;}
.fieldrow .input > textarea{width: 100%; padding: 10px;}
.fieldrow .input > textarea,
.fieldrow .input > input[type='file']{margin: 0; padding: 0; font-family: 'Open Sans', sans-serif;}
.fieldrow .input > input[type='password'],
.fieldrow .input > input[type='text'], .styledi{
	background: #fff; 
	width: 100%; 
	font-style: normal; 
	font-size: 14px; 
	color: #686868; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #aaaaaa;
	-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
}
.fieldrow .input > .cke_chrome{padding: 0; margin: 0; border: none; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);}
.fieldrow .input > .cke_chrome .cke_inner{padding: 0;}
.fieldrow .input > .cke_chrome .cke_toolgroup{background: none;}
.fieldrow .input > select{margin: 3px 0; height: 25px; font-style: normal; font-size: 12px; color: #686868;}
.fieldrow.radiorow .input{position: absolute; top: 0; left: 0; width: 20px; margin-left: 0px;}
.fieldrow.radiorow .input input{padding: 0; margin: 0;}
.fieldrow.radiorow .label{position: relative; margin-left: 25px; width: auto;}

#dialogBg{position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background: #000; filter: alpha(opacity=80); opacity: 0.8; z-index: 998;}
#dialog{position: absolute; top: 400px; left: 50%; margin-left: -210px; width: 420px; border: 2px solid #057f81; -webkit-border-radius: 2px; border-radius: 2px; padding: 25px; background: #fff;  z-index: 999;}
#dialog .dialogText{margin-bottom: 30px; line-height: 22px; font-size: 14px;}
#dialog .dialogBtns{text-align: right;}
#dialog .dialogBtns a{margin-left: 30px;}
#dialog #dialogPreloader{display: none;}

#iDialog{position: absolute; top: 0px; left: 0; right: 0; bottom: 0;}
#clonedialoghtml{display: none;}
#dialog.createWebsite{width: 700px; margin-left: -350px; top: 240px;}
#dialog.createWebsite .intro{margin-bottom: 20px;}
#dialog.createWebsite form > .fieldrow .label{width: 120px;}
#dialog.createWebsite form > .fieldrow .input{margin-left: 125px;}
#dialog.createWebsite .grouprow{position: relative;}
#dialog.createWebsite .grouprow > div{position: absolute; right: 0px; top: 0; width: 330px; visibility: hidden;}
#dialog.createWebsite .grouprow > div .label{position: relative; width: auto;}
#dialog.createWebsite .grouprow > div .label label{color: #aaa;}
#dialog.createWebsite .grouprow > div .input{position: absolute; right: 0; margin-left: 0; top: 0;}
#dialog.createWebsite .grouprow.active > div{ visibility: visible;}
#dialog.createWebsite .dialogBtns{position: relative;}
#dialog.createWebsite .dialogBtns .error{position: absolute; top: 5px; left: 0; width: 300px; text-align: left;}

#dialog.preloading #dialogPreloader{display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: #fff;}
#dialog.preloading #dialogPreloader #dialogPreloaderWrap{display: table; height: 100%; width: 100%;}
#dialog.preloading #dialogPreloader #dialogPreloaderMessage{display: table-cell; vertical-align: middle; text-align: center;}
#dialog.preloading #dialogPreloader #dialogPreloaderMessage .preloader{display: block; height: 30px; width: 24px; background: url("assets/ajax-loader.gif") no-repeat; margin: 0 auto;}

#sitemessages{display: none;}

.error.fieldrow{line-height: 12px; margin-bottom: 20px;}
.instructions{margin-bottom: 30px; font-weight: 600;}

.cbox{padding-bottom: 100px; line-height: 20px;}
.pbox{padding: 25px; margin-bottom: 100px; line-height: 20px;}
.ebox{padding: 0 0 25px 0 ; margin-bottom: 50px; line-height: 20px;}

.empcolour{font-size: 14px; color: #1c312f;}
.emptext{font-weight: 600; font-size: 14px; color: #1c312f;}
.greentext{color: #057f81;}
.greenemptext{font-weight: 600; font-size: 23px; color: #366964;}
.warning, .error{color: #d62c47;}
.error{font-size: 12px;}
.greytext{color: #666767; font-size: 12px; font-style: italic; line-height: 15px;}

.whitebox{background: #FFF;}
.palegreybox{background: #D7D9D6;}
.lightgreybox{background: #D6DBD5;}
.greybox{background: #B5BEBB;}
.bluebox{background: #91A6AB;}
.filterbox{filter: alpha(opacity=50); opacity: 0.5;}

/* Buttons */
.blackBtn, .limeBtn, .greyBtn, .darkGreenBtn, .greenBtn, .greenBigBtn, .redBtn{
	text-align: center;
	border: 2px solid white;
	-webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  1px 1px 2px 0px rgba(0, 0, 0, 0.3);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    padding:5px;
    width: 140px;
    display: inline-block;
    cursor: pointer;
}
.redBtn{background: #f00;}
.blackBtn{background: #000;}
.blackBtn:hover, .blackBtn.selected{background: #343434;}
.limeBtn{background: #3cb878;}
.limeBtn:hover, .limeBtn.selected{background: #52ca8d;}
.limeBtn[disabled=disabled]{background: #949595; cursor: default;}

.darkGreenBtn{background: #294e4f;}
.darkGreenBtn:hover, .darkGreenBtn.selected{background: #3c6768;}
.greenBtn,
.greenBigBtn{background: #057f81;}
.greenBigBtn{height: 100px; padding: 30px 0px 0 0px; line-height: 18px; font-size: 16px;}
.greenBtn:hover, .greenBtn.selected{background: #19989a;}
.greenBigBtn:hover, .greenBigBtn.selected{background: #035152;}
.blackBtn.selected, .limeBtn.selected, .greyBtn.selected, .darkGreenBtn.selected, .greenBtn.selected, .greenBigBtn.selected{cursor: default;}
.blackBtn[disabled=disabled], .blackBtn[disabled=disabled]:hover,
.greenBtn[disabled=disabled], .greenBtn[disabled=disabled]:hover{cursor: default;}
.blackBtn[disabled=disabled], .blackBtn[disabled=disabled]:hover,
.greenBtn[disabled=disabled], .greenBtn[disabled=disabled]:hover,
.greyBtn{background: #787979;}
.greyBtn:hover, .greyBtn.selected{background: #949595;}

.chzn-no-search .chzn-search{display: none !important;}
.chzn-no-search .chzn-results{top: 10px !important;}