/* ============================================================================================================ */
/* CMS                                                                                                          */
/* ============================================================================================================ */

#cms-home {background-color:#ffffff}

.cms-container {width:100%; min-width:1024px; padding:0 30px; margin:0 auto; }

#cms-header {background-color:#fff; color:#777; height:140px; overflow:hidden}
#cms-header .header-logo 	{float:left; overflow:hidden}
#cms-header .header-logo a 	{display:inline-block; margin:30px 0}
#cms-header .header-logo img	{}
#cms-header .header-actions 	{float:right; font-size:0.875em; line-height:1.25; overflow:hidden; color:#666; margin-top:30px}

#profiles-select 			{float:right; clear:right; border:1px solid #D0D0D0; border-radius:2px; padding:3px; height:26px; font-weight:normal; color:#4a4a4a; background-color:#fcfcfc; margin-bottom:0.5em}
#cms-header .cms-profile 	{float:right; clear:right; font-size:20px; font-weight:600; text-align:right; color:#000}
#cms-header .cms-user 		{float:right; clear:right; font-weight:600; text-align:right;}
#cms-header a.logout 		{float:right; clear:right; font-weight:600; text-align:right; color:red; text-decoration:none}
#cms-header a.logout:hover 	{text-decoration:underline}

.cms-nav {
	color:#fff; font-size:13px; height:28px; position:relative; z-index:50; font-family:'myriad-pro', arial, sans-serif;
	background-color: #787878;
	background-image: -moz-linear-gradient(top,  #989898 0%, #585858 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#585858));
	background-image: -webkit-linear-gradient(top,  #989898 0%,#585858 100%);
	background-image: -o-linear-gradient(top,  #989898 0%,#585858 100%);
	background-image: -ms-linear-gradient(top,  #989898 0%,#585858 100%);
	background-image: linear-gradient(to bottom,  #989898 0%,#585858 100%);
}
.cms-nav .row {background-color:transparent; width:auto; padding:0} 

#cms-main-nav {float:left}
#cms-main-nav li {float:left; height:28px; border-right:1px solid #fff}
#cms-main-nav li:first-child {border-left:1px solid #fff}
#cms-main-nav li.selected,
#cms-main-nav li:hover {	
	background-color: #d8d8d8;
	background-image: -moz-linear-gradient(top,  #ffffff 0%, #d0d0d0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d0d0d0));
	background-image: -webkit-linear-gradient(top,  #ffffff 0%,#d0d0d0 100%);
	background-image: -o-linear-gradient(top,  #ffffff 0%,#d0d0d0 100%);
	background-image: -ms-linear-gradient(top,  #ffffff 0%,#d0d0d0 100%);
	background-image: linear-gradient(to bottom,  #ffffff 0%,#d0d0d0 100%);
}		

#cms-main-nav li a {display:block; line-height:28px; font-weight:600; color:#fff; padding:0 1em; text-decoration:none;}
#cms-main-nav li:hover a {color:#555;}
#cms-main-nav li.selected a {color:#555}

/* v2013 */
#cms-tools-nav {float:right; border-left:1px solid #fff; border-right:1px solid #fff;}
#cms-tools-nav > li {float:left; height:28px; position:relative}
#cms-tools-nav > li:hover {	
	background-color: #d8d8d8;
	background-image: -moz-linear-gradient(top,  #ffffff 0%, #d0d0d0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d0d0d0));
	background-image: -webkit-linear-gradient(top,  #ffffff 0%,#d0d0d0 100%);
	background-image: -o-linear-gradient(top,  #ffffff 0%,#d0d0d0 100%);
	background-image: -ms-linear-gradient(top,  #ffffff 0%,#d0d0d0 100%);
	background-image: linear-gradient(to bottom,  #ffffff 0%,#d0d0d0 100%);
}		

#cms-tools-nav > li > a {display:block; line-height:28px; font-weight:600; color:#fff; padding:0 1em; text-decoration:none;}
#cms-tools-nav > li > ul {display:none}

#cms-tools-nav > li:hover > a {color:#555;}
#cms-tools-nav > li:hover > ul {display:block}

#cms-tools-nav a.cms-tools-configure {background: url(//www.qualitysolicitors.com/res/cms/cmsbuttons.png) no-repeat scroll 6px -601px transparent; padding-left:28px}

#cms-tools-nav ul.cms-toolbar {position:absolute; font-size:14px; padding:4px; height:auto; left:auto; right:0; width:180px; background-color:#fff; box-shadow:4px 4px 6px 0 rgba(0,0,0,0.6)}
.no-boxshadow #cms-tools-nav ul.cms-toolbar {background-color:#fbfbfb; border:1px solid #787878; border-top:0 none}


#cms-tools-nav ul.cms-toolbar li {display:block;}
#cms-tools-nav ul.cms-toolbar li a {display:block; color:#777; text-decoration:none; margin:0; font-weight:normal; padding:4px 12px; line-height:1.5;}
#cms-tools-nav ul.cms-toolbar li a:hover {color:#F6279F; background-color:#f0f0f0; text-decoration:none;}
#cms-tools-nav ul.cms-toolbar li.divider {border-bottom: 1px solid #ccc; height:1px; margin:4px; overflow:hidden;}

/* v2014 */
.header-cms {position:absolute; font-size:14px; right:35px; top:116px; width:77px !important; z-index:50; border-bottom:0px !important}
.header-cms a.cms-tools-configure {
	background-color: #607075;
	border-radius:2px 2px 0 0; 
	padding:0 1em;
	display:none;
	line-height:24px; 
	font-weight:600; 
	color:#BDCDD2; 
	text-decoration:none;
	width: 76px;
}
.site-header:hover .header-cms a.cms-tools-configure {
	display:block;
}

.site-header.headhesive:hover .header-cms a.cms-tools-configure {
    display: none;
}

.header-cms a.cms-tools-configure .fa {margin-right:0.375em}

.header-cms ul.cms-toolbar {
	display:none;
	position:absolute; 
	padding:4px; 
	height:auto; 
	left:auto; 
	right:0; 
	width:180px; 
	background-color:#BDCDD2; 
	box-shadow:-4px 4px 4px 0 rgba(0,0,0,0.6);
	border:1px solid #607075;
}

.header-cms:hover a.cms-tools-configure {
	color:#fff;
}
.header-cms:hover ul {display:block}

.header-cms ul.cms-toolbar li {display:block;}
.header-cms ul.cms-toolbar li a {display:block; color:#333; text-decoration:none; margin:0; font-weight:normal; padding:4px 12px; line-height:1.5;}
.header-cms ul.cms-toolbar li a:hover {color:#0076C0; background-color:#f0f0f0; text-decoration:none;}
.header-cms ul.cms-toolbar li.divider {border-bottom: 1px solid #607075; height:1px; margin:4px; overflow:hidden;}





#cms-content {padding-top:20px; padding-bottom:20px}

.cms-dialog {position:fixed; z-index: 2001 !important} 
.cms-dialog .ui-dialog-titlebar {padding:7px 40px 6px 20px} 
.cms-dialog .ui-dialog-title {font-size:16px; height:24px; line-height:24px; padding-left:32px; overflow:hidden; background: url(//www.qualitysolicitors.com/res/cms/cmsicons.png) no-repeat scroll -4px -432px transparent;} 
.cms-dialog .ui-dialog-titlebar-close {height:20px; width:20px; margin:-10px 0 0; padding:0; position: absolute; right:0.8em; top:50%; }
.cms-dialog .ui-dialog-titlebar-close span {height:20px; width:20px; background: url("//www.qualitysolicitors.com/res/cms/cmsstatus.png") no-repeat scroll -2px -146px transparent}
.cms-dialog .ui-dialog-titlebar-close:hover span {background-position:-2px -170px}


.cms-table {color:#202020; font-size:14px; line-height:1.4; font-weight:normal; width:100%; border-collapse:collapse; clear:both; margin:0 auto}

.cms-table thead th {
	background-color:#e0e0e0; 
	border-top:0 none;
	font-size:14px;
	font-weight:600; 
	color:#333333; 
	text-align:left; 
	padding:4px; 
	line-height:1.4em; 
	cursor: pointer;
	*cursor: hand;
	white-space:nowrap;
}

.cms-table tfoot th {
	padding: 4px;
}

.cms-table tbody  {
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
}

.cms-table td {padding:5px; text-overflow:ellipsis; overflow:hidden; border-top:1px solid #ffffff;}

.cms-table th.center, 
.cms-table td.center {text-align: center;}

.cms-table th.right, 
.cms-table td.right {text-align:right;}

.cms-table th.left, 
.cms-table td.left {text-align:left}

.cms-table th.actions,
.cms-table td.actions {text-align:right}
.cms-table td.actions a {margin-left:1em}

.cms-table td.icon {width:24px}
.cms-table td.indent1 {padding-left:3em}
.cms-table td a {color:#F730A3; text-decoration:none; line-height:16px; color:#0076C0}
.cms-table td a:hover {text-decoration:underline}

.cms-table td.today {font-weight:600}

.cms-table th.rating {text-align:right;}
.cms-table td.rating {text-align:right; color:#EBA600}
.cms-table td.rating .fa {margin-left:1px}


.cms-table td.cms-data-flags {text-align:right}
.cms-table td.cms-data-flags img {padding-left:5px;}

.version-table {border:1px solid #b6b6b6; margin-bottom:20px}
.version-table thead {}
.version-table thead th {}
.version-table tbody {}
.version-table tbody td {background-color:#f4f4f4}

#cms-enquiry-content {font-size:14px; width:100%; height:100%;}
#cms-enquiry-content table {width:100%; margin-top:10px; margin-bottom:20px}
#cms-enquiry-content table td {padding:2px}
#cms-enquiry-content table td .label {display:inline-block; width:100px; font-weight:600}
#cms-enquiry-content table td.message {padding-top:10px}
#cms-enquiry-content table td.message .label {display:block}
#cms-enquiry-content table a {color:#0076C0}


.buttonbar {margin-bottom:16px; clear:both}
.cms-button {background-color:#F3F3F3; border:1px solid #DCDCDC; border-radius:2px; color:#555; display:inline-block; font-weight:600; font-size:14px; line-height:16px; height:26px; margin-right:4px; padding:4px 10px; position:relative; text-decoration:none; transition:border 0.218s ease 0s;}
.cms-button:hover {color:#333333; text-decoration:none; border-color:#999999; box-shadow:0 1px 2px rgba(0,0,0,0.15);}
.cms-button:visited {color:#6E6E6E;}
.cms-button-icon {background: url(//www.qualitysolicitors.com/res/cms/cmsbuttons.png) no-repeat scroll 6px -28px #F3F3F3; padding-left:28px;}
.cms-button-add  {background-position: 6px -156px}
.cms-button-search  {background-position: 6px -828px}
.cms-button-settings  {background-position: 6px -604px}
.cms-button-xls  {background-position: 6px -316px}

#buttonedit {background:url("images/sprites/buttons.png") no-repeat scroll 6px -28px #F3F3F3;padding-left:28px;}
#buttoncancel {background:url("images/sprites/buttons.png") no-repeat scroll 6px -124px #F3F3F3;padding-left:28px;}
#buttonsubmit {background:url("images/sprites/buttons.png") no-repeat scroll 6px -60px #F3F3F3;padding-left:28px;}
#buttonlist {background:url("images/sprites/buttons.png") no-repeat scroll 6px -92px #F3F3F3;padding-left:28px;}
#buttondelete {background:url("images/sprites/buttons.png") no-repeat scroll 6px -188px #F3F3F3;padding-left:28px;}
#buttonempty {background:url("images/sprites/buttons.png") no-repeat scroll 6px -220px #F3F3F3;padding-left:28px;}
#buttonrestore {background:url("images/sprites/buttons.png") no-repeat scroll 6px -220px #F3F3F3;padding-left:28px;}
#buttonprev {background:url("images/sprites/buttons.png") no-repeat scroll 6px -252px #F3F3F3;padding-left:28px}
#buttonnext {background:url("images/sprites/buttons.png") no-repeat scroll 48px -284px #F3F3F3;padding-right:28px}

.buttonbar select {border:1px solid #D0D0D0; border-radius:2px; padding:3px; height:26px; font-family: arial,helvetica,sans-serif; font-size:14px; font-weight:normal; color:#4a4a4a; background-color:#fcfcfc;}
.buttonbar input {width:240px; border:1px solid #D0D0D0; border-radius:2px; padding:3px; margin-bottom:1em; height:26px; font-family: arial,helvetica,sans-serif; font-size:14px; font-weight:normal; color:#4a4a4a; background-color:#fcfcfc;}
.buttonbar option {padding:4px 8px}

.cms-guide {font-size:14px; padding:0 0.5em; margin-bottom:1em; border:1px dashed #d0d0d0; color:#404040}
.cms-guide p {margin:0.5em 0}
.cms-guide ul {padding-left:20px; margin:0.5em 0}


.cms-tabs {margin-bottom: 16px; padding:0; border-bottom:1px solid #606060; width:100%; display:block; overflow:hidden}
.cms-tabs  li {list-style:none; float:left; margin:0 3px; white-space:nowrap;}
.cms-tabs  li a {color:#404040; background-color:#F0f0f0; background-image: linear-gradient(to bottom, #f8f8f8 0%, #e8e8e8 100%); border-radius:3px 3px 0px 0px; color:#6E6E6E; display:block; font-weight:600; font-size:12px; padding:5px 10px 4px; line-height:1; position:relative; text-decoration:none;}
.cms-tabs  li a.selected {background-color:#707070; background-image: linear-gradient(to bottom, #808080 0%, #606060 100%); color:#fff}
.cms-tabs  li a:hover {color:#222}
.cms-tabs  li a.selected:hover  {color:#fff}


.cms-dialog label {display:block; width:100%; font-size:12px; font-weight:bold; color:#333333; margin-bottom:2px}
.cms-dialog span.readonly {display:block; width:100%; font-size:14px; font-weight:normal; color:#4a4a4a; margin-bottom:1em}

.cms-dialog input, 
.cms-dialog select, 
.cms-dialog textarea 
	{display:block; border:1px solid #D0D0D0; border-radius:2px; padding:4px; margin-bottom: 1em; font-family: "myriad-pro",arial,helvetica,sans-serif; font-size:14px; font-weight:normal; color:#4a4a4a; background-color:#fdfdfd;}

.cms-dialog input.cms-field-text {width:850px; padding-right:24px;}
.cms-dialog input.cms-field-date {width:140px; padding-right:24px; background:url(//www.qualitysolicitors.com/res/cms/fieldicons.png) no-repeat scroll right 2px #fdfdfd}
.cms-dialog input.cms-field-h1 	{background:url(//www.qualitysolicitors.com/res/cms/fieldicons.png) no-repeat scroll right -46px #fdfdfd}
.cms-dialog input.cms-field-hidden 	{display:none}
.cms-dialog input.cms-field-readonly {width:850px; padding-right:24px; background-color:#f0f0f0; border:0 none;}
.cms-dialog input.cms-field-locked 	{width:850px; padding-right:24px; background:url(//www.qualitysolicitors.com/res/cms/fieldicons.png) no-repeat scroll right -70px #f0f0f0}
.cms-dialog input.cms-field-override {color:#999; text-decoration:line-through}

.cms-dialog select.cms-field-locked {background-color:#f0f0f0}

.cms-dialog textarea.cms-field-area {width:870px; resize:none; line-height:1.4}
.cms-dialog textarea.cms-field-abstract {width:870px; resize:none; font-size:18px}
.cms-dialog select.cms-field-multi {width:880px; height:300px}
.cms-dialog select.cms-field-multisort {width:880px; height:300px}

.cms-dialog fieldset {display:block; border:1px solid #D0D0D0; border-radius:2px; padding:4px 4px 0; margin-bottom:1em; font-size:14px; background-color:#f8f8f8;}
.cms-dialog fieldset label {width:200px; float:left; clear:left; height:26px; line-height:26px; color:#606060}
.cms-dialog fieldset span.readonly {width:550px; height:26px; line-height:26px; font-size:12px; float:left; margin-bottom:4px}
.cms-dialog fieldset input.cms-field-text {width:640px; float:left; margin-bottom:4px;}
.cms-dialog fieldset input.cms-field-date {float:left; margin-bottom:4px;}
.cms-dialog fieldset input.cms-field-readonly {width:640px; float:left; margin-bottom:4px;}
.cms-dialog fieldset input.cms-field-locked {width:640px; float:left; margin-bottom:4px;}

.cms-dialog fieldset textarea.cms-field-area {width:540px; float:left; margin-bottom:4px;}
.cms-dialog fieldset select {float:left; margin-bottom:4px; padding:3px}

.cms-dialog .cms-table-rates {border-collapse:separate}
.cms-dialog .cms-table-rates th {background-color:#f8f8f8; font-size:12px; text-align:left; border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0; padding:4px 6px}
.cms-dialog .cms-table-rates th:first-child {border-left:1px solid #d0d0d0;}
.cms-dialog .cms-table-rates th:last-child {border-right:1px solid #d0d0d0;}
.cms-dialog .cms-table-rates thead tr:first-child th:first-child {border-radius:3px 0 0 0;}
.cms-dialog .cms-table-rates thead tr:first-child th:last-child {border-radius:0 3px 0 0;}
.cms-dialog .cms-table-rates td {border-bottom:1px dotted #e8e8e8; padding:4px;}
.cms-dialog .cms-table-rates td:first-child {border-left:1px solid #d0d0d0;}
.cms-dialog .cms-table-rates td:last-child {border-right:1px solid #d0d0d0;}
.cms-dialog .cms-table-rates tr:last-child td {border-bottom:1px solid #d0d0d0;}

.cms-dialog .cms-table-rates .cms-field-text 	{margin:0; border:1px solid #e0e0e0;}
.cms-dialog .cms-table-rates .cms-concalc-lim 	{width:150px; padding:4px 4px 4px 24px; text-align:right; background:url(//www.qualitysolicitors.com/res/cms/fieldicons.png) no-repeat scroll left -22px #fafafa;}
.cms-dialog .cms-table-rates .cms-concalc-rate 	{width:80px;  padding:4px 4px 4px 24px; text-align:right; background:url(//www.qualitysolicitors.com/res/cms/fieldicons.png) no-repeat scroll left -22px #fdfddf;}
.cms-dialog .cms-table-rates .cms-concalc-fee 	{width:50px;  padding:4px 4px 4px 24px; text-align:right; background:url(//www.qualitysolicitors.com/res/cms/fieldicons.png) no-repeat scroll left -22px #fdfddf;}
.cms-dialog .cms-table-rates .cms-concalc-vat 	{width:40px;  padding:4px 4px 4px 24px; text-align:right; background:url(//www.qualitysolicitors.com/res/cms/fieldicons.png) no-repeat scroll left -22px #fdfddf;}
.cms-dialog .cms-table-rates .cms-concalc-des 	{width:225px; padding:4px}
.cms-dialog .cms-table-rates .cms-concalc-help 	{width:240px; padding:4px}
.cms-dialog .cms-table-rates select 			{margin:0; padding:3px}
.cms-dialog .cms-table-rates .error 			{border-color:#ff0000;}

.cms-dialog #cms-cc-rates th {text-align:center}
.cms-dialog #cms-cc-fees {display:block; height:410px; width:100%; overflow-x:hidden; overflow-y:scroll}


#cms-divorce-rates {font-size:13px; width:100%; margin-bottom:20px}
#cms-divorce-rates th {}
#cms-divorce-rates td {vertical-align:middle; padding-right:20px}
#cms-divorce-rates td.label {font-weight:bold;}
#cms-divorce-rates input.cms-field-text {width:200px;}

.cms-dialog input.error,
.cms-dialog textarea.error,
.cms-dialog select.error {border-color:#ff0000;}

.cms-dialog h4 {margin-bottom:0.5em; font-size:14px; font-weight:bold}

.cms-dialog p.note {font-size:12px; color:#808080; margin-top:0.75em}
.cms-dialog p.info {font-size:14px; color:#000080; margin-top:0.75em}
.cms-dialog p.warn {font-size:14px; color:#800000; margin-top:0.75em}


.cms-field-label {width: 120px; display: inline-block }

.cms-statusbar {position:absolute; bottom:10px; overflow:hidden; /*height:30px;*/ left:20px; right:20px}
.cms-statusbar p {height:16px; border:1px solid #dddddd; font-size:14px; padding:6px 6px 6px 28px; line-height:16px; background:url(//www.qualitysolicitors.com/res/cms/cmsstatus.png) no-repeat scroll 2px 2px #f4f4f4; border-radius: 2px}
.cms-statusbar p.cms-status-validate {border-color:#dd3333; color:#dd3333; background-position:2px -118px}
.cms-statusbar p.cms-status-wait {border-color:#4B6CCD; color:#2549B2; background-position:2px -22px}
.cms-statusbar p.cms-status-ok {border-color:#4B6CCD; color:#2549B2; background-position:2px -46px}
.cms-statusbar p.cms-status-error {border-color:#dd3333; color:#dd3333; background-position:2px -118px}

.cms-toolbar-spacer {height:30px; width:100%; background-color:#555; overflow:hidden;}
#cms-toolbar-container {position:fixed; height:30px; bottom:0; width:100%; z-index:50; background-color:#F628A0; background-image:linear-gradient(to bottom , transparent 0%, rgba(0,0,0,0.2) 100%); box-shadow:0 0 4px 2px rgba(255,255,255,0.4);}
#cms-toolbar {height:30px; overflow:hidden;}

#cms-toolbar ul {list-style-type:none; font-size:15px}
#cms-toolbar ul.cms-page-tools {float:left;}
#cms-toolbar ul.cms-user-tools {float:right;}
#cms-toolbar ul li {display:block; float:left; margin:0 8px;}
#cms-toolbar ul li:first-child {}
#cms-toolbar ul li a {color:#ffffff; height:30px; line-height:30px; text-decoration:none}
#cms-toolbar ul li a:hover, #cms-toolbar ul li a:active { text-decoration:underline}
#cms-toolbar ul span {color:#aaaaaa; opacity:0.6; height:30px; line-height:30px; text-decoration:none}

#cms-version-container {padding:1em}

#cms-ace-content {position:absolute; top:20px; left:20px; right:20px; bottom:50px; border:1px solid #b6b6b6; border-radius:2px}
.cms-module-content {display:block; position:absolute; top:60px; left:20px; right:20px; bottom:50px; border:1px solid #b6b6b6; border-radius:2px}
.cms-ace-content {display:block; position:absolute; top:100px; left:20px; right:20px; bottom:50px; border:1px solid #b6b6b6; border-radius:2px}
.cms-ace-help {font-size:12px; color:#666; line-height:1.25}



/* CFS */

.cfs-summary {margin:1em 0; line-height:24px}
.cfs-summary span.label {font-weight:600}
.cfs-summary span.stars {}
.cfs-summary span.stars .fa {margin-right:1px}


.cms-dialog .cfs-answers {font-size:14px; height:450px; border-top:1px solid #ccc; overflow-y:scroll}

.cms-dialog .cfs-answers .question {padding:0.75em 1em 0.75em 0; border-bottom:1px solid #ccc; overflow:hidden}
#cms_cfscapture .question {padding:10px; background-color:#F8F8F8}

.cms-dialog .cfs-answers .label {font-weight:600; float:left; padding:3px 0}
.cms-dialog .cfs-answers .answer {font-weight:600; float:right; color:#007AB3}
.cms-dialog .cfs-answers .comment {clear:both; padding-top:1em; text-align:justify}
.cms-dialog .cfs-answers select {float:right; padding:2px; margin:0}
.cms-dialog .cfs-answers textarea {float:left; clear:both; width:834px; height:80px; margin:0.5em 0}

#cms_lawarea_columns {
	float: left;
	width: 600px;
	column-width: 250px;
}

#cms_lawarea_columns input[type="checkbox"] {
	display: inline;
    width: auto;
    float: none;
	line-height: 26px;
}

#cms_lawarea_columns label {
	display: inline;
	float: none;
	clear: none;
	margin-left: 0.5em;
}

#cms_profile_newstabs_columns {
	float: left;
	width: 600px;
	column-width: 150px;
}

#cms_profile_newstabs_columns input[type="checkbox"] {
	display: inline;
    width: auto;
    float: none;
	line-height: 26px;
}

#cms_profile_newstabs_columns label {
	display: inline;
	float: none;
	clear: none;
	margin-left: 0.5em;
}

#cms_profile_promises_columns {
	float: left;
	width: 600px;
	column-width: 150px;
}

#cms_profile_promises_columns input[type="checkbox"] {
	display: inline;
    width: auto;
    float: none;
	line-height: 26px;
}

#cms_profile_promises_columns label {
	display: inline;
	float: none;
	clear: none;
	margin-left: 0.5em;
}

/*
 * CMS Login Form
 */

#cms-login-form {
	position:relative; 
	background: url("//www.qualitysolicitors.com/res/v2013/login-form.png") no-repeat scroll 0 0 #FFFFFF;
	width:544px;
	height:349px;
	margin:30px auto 0
}

#cms-login-prompt {
	position:absolute;
	top:105px;
	left:207px;
	width:300px;
	line-height:1.3em;
}

#Username {
	position: relative;
	top:167px; 
	left:215px;
	width:240px;
	border:0px;
	padding:0px;
}

#Password {
	position: relative;
	top:223px; 
	left:-29px;
	width:240px;
	border:0px;
	padding:0px;
}

#cms-login-button {
	background: url("//www.qualitysolicitors.com/res/v2013/login.png") no-repeat scroll 0 0 #FFFFFF;
	position:relative;
	top:250px;
	left:353px;
	display:inline-block;
	width:110px; height:35px;
	text-indent:-9999px;
}
#cms-login-button:hover {
	background-position: 0 -35px;
	position:relative;
	top:250px;
	left:353px;
}



.ui-autocomplete { overflow-y: scroll; }
* html .ui-autocomplete { /* IE max- */height: expression( this.scrollHeight > 200 ? "300px" : "auto" ); }
.ui-autocomplete { max-height: 300px; }



@media only screen and (min-width: 768px) and (max-width: 979px) {
	#cms-tools-nav {border:0 none}
	#cms-tools-nav a.cms-tools-configure {width:28px; padding:0 14px; text-indent:-9999px}
}
@media only screen and (max-width: 767px) {
	#cms-tools-nav {display:none}
	.header-cms {display:none}
}




/*
 * DataTables
 */

table.dataTable td.dataTables_empty {
	text-align: center;
}


/*
 * Table wrapper
 */
.dataTables_wrapper {
	font-size:14px;
	position: relative;
	clear: both;
	*zoom: 1;
	margin-bottom:20px;
}
.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
	padding: 5px;
	font-size:14px; color:#202020;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
	width:45%;
}
.dataTables_length select {
	border-radius:2px;
	border:1px solid #c8c8c8;
	padding:1px;
	margin:0 0.25em;
}

/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
	width:45%;
}
.dataTables_filter input {
	border-radius:2px;
	border:1px solid #c8c8c8;
	padding:2px;
	margin-left:0.25em	
}


/*
 * Table information
 */
.dataTables_info {
	padding-top: 3px;
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}

.paging_full_numbers .ui-button {
	padding: 1px 8px 2px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
	color: #333 !important;
}

/* Full number pagination */
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
table.dataTable thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

table.dataTable th:active {
	outline: none;
}


/* Scrolling */
.dataTables_scroll {
	clear: both;
}
.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

/* Row Colors */
table.dataTable tr {transition:background-color 0.25s ease} 
table.dataTable tr.odd { background-color: #f4f4f4; }
table.dataTable tr.even { background-color: #fafafa; }

table.dataTable tr.odd.green {
	background-color: #ddffdd;
	background-color: #c6e0c0;
}
table.dataTable tr.even.green {
	background-color: #eeffee;
	background-color: #d9ead5;
}
table.dataTable tr.odd.red {
	background-color: #ffdddd;
	background-color: #edc0b6;
}
table.dataTable tr.even.red {
	background-color: #ffeeee;
	background-color: #f5dfda;
}
table.dataTable tr.odd.yellow {
	background-color: #ffea95;
}
table.dataTable tr.even.yellow {
	background-color: #fff4ca;
}

/* Sorted Column Colors  - Not used */


/* Row Highlights */
table.dataTable tr.even:hover, 
table.dataTable tr.even td.highlighted {
	background-color: #D9EAF3;	
}

table.dataTable tr.odd:hover, 
table.dataTable tr.odd td.highlighted {
	background-color: #D9EAF3;	
}

/* Multiselect
----------------------------------*/

/* copied from aristo-ui.css */ 

.ui-multiselect {border:1px solid #d0d0d0; font-size:0.8em; border-radius:2px; margin-bottom:1em}
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 22px; height: 22px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:right; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li, .ui-multiselect ul.available li {
	margin-bottom:0;
	background: #ededed url(//www.qualitysolicitors.com/res/img/aristo/bg_fallback.png) 0 0 repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top, #f0f0f0 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f0f0f0 0%,#e0e0e0 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f0f0f0 0%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(top, #f0f0f0 0%,#e0e0e0 100%); /* W3C */
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
}

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-right: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 16px; padding: 2px; opacity: 0.6; margin:4px; width:220px; }

/*********************************************
 Additional tweaks 
*********************************************/

/* to override jQueryUI changes */
.cms-statusbar p {margin: 0;}
.cms-dialog .ui-dialog-titlebar-close {background: none; border: none;}
.cms-dialog .ui-dialog-titlebar-close:hover span {background: url("//www.qualitysolicitors.com/res/cms/cmsstatus.png") no-repeat scroll -2px -170px transparent;}

/* from aristo-ui.css */
.ui-datepicker, .ui-datepicker * {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
.ui-dialog, .ui-dialog * {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
/*.ui-button .ui-button-text { display: block; line-height: 1.4; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }*/
.ui-widget .ui-button {line-height: 1.4; font-size: 14px;}
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-button {padding: .25em 1em; margin-right: .1em;}



/* Note beneath a field in CMS */
.cms-field-note {
	margin-left: 200px;
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
}

.cms-field-note a {
	color: rgb(0, 0, 255);
}