body{
	font-family:Tahoma;
	font-size:10pt;
	height:100%;
	overflow:visible;
	overflow:auto;
	color:#555;
}

.toolbar{font-family:Tahoma;}

a{color:#4d85a0;}
a img{border:0;}

.serviceHeader{}
.serviceHeader th{background-color:#CCC; border-left:solid 1px #DDD; border-right:solid 1px #999; padding:2px 2px 2px 4px; text-align:left;}
.serviceRow{}

.serviceRow td{ 
	padding:2px 2px 2px 4px; 
	cursor:default; 
	vertical-align:top; 
	border-bottom:solid 1px #CCC;
}

.serviceRow:hover td{background-color:#66F; color:#FFF;}
.serviceIcon{}
.serviceName{}
.serviceDesc{width:400px;}
.serviceStatus{width:75px;}
.serviceStartup{width:100px;}
.serviceLogon{width:100px;border-right:none;}

.nodeSelectorPanel{
	width:600px; 
	height:300px; 
	overflow:auto;
  border-top:solid 1px #000; 
  border-left:solid 1px #000; 
  border-bottom:solid 1px #999; 
  border-right:solid 1px #999;
}


.mgtButtonDivs{
	background-color:#F3F3F3;
	border:1px solid #ddd;
	clear:both; 
	display:block; 
	text-align:center;  
	margin: 2px 0; 
	padding:5px;
	clear:both;
}






/******************
***   Config    ***
******************/

.webpart-shared
{
	border:solid 1px #33F;
	background-image: url('../_cmf_res/p_icon/arrow-split.png');
	background-repeat: no-repeat;
	background-position: 2px 0px;
	background-color: #DEE;
}

.configPanel{ 
	width:300px; 
	background-color:#FFF; 
	padding:0; 
	border:solid 1px #CCC; 
	overflow:hidden; 
	text-align:left;
}

.wideConfigPanel{width:400px; background-color:#FFF; padding:0; border:solid 1px black; overflow:hidden; text-align:left;}
.configHeaderGap {padding:0; text-align:center;}

.configHeader {
	font-weight:bold; 
	background:url(../_cmf_res/images/module-drag-bg.gif) repeat-x;  
	padding:3px 0 3px 0; color:#FFF; 
	border-bottom: solid 1px #CCC; 
	height:18px; 
	cursor:move;
}

.configHeaderTitle {float:left; margin-left:10px;}

.configHeaderBtn {
	float:right; 
	margin:2px 10px 0;
	cursor:default;
}

.configContent { 
	height:auto; 
	overflow:auto; 
	padding-bottom:10px;
}

.configContentSpace {
	margin:10px; 
	height:auto; 
	overflow:auto;
}

.configContentShare {
	margin:10px 10px 10px 24px; 
	height:auto; 
	overflow:auto; 
	text-align:left;
}

.configIconPanel {
	background-image:url(../_cmf_res/images/tile.gif); 
	border:solid 1px #FF6600; 
	padding:5px; 
	width:260px; 
	color:#000; 
	margin: 0 0 3px 0; 
	cursor:move;
}

.configHandleText {
	background-image:url(../images/HandleGrip.png); 
	cursor:se-resize; 
	height:16px; 
	overflow:hidden; 
	width:16px;
}

.configModuleTitle {margin-left:5px; font-weight:bold;}





/******************
***   Popups    ***
******************/

.securityPopUpContent {
	width:400px; 
	height:370px; 
	margin-left:10px;
}

.securityPopUpInner {background:#fafafa}
.securityPopUpOuter {background-color:#FFF; border: solid 1px black;}

.popUpDrag{
	background:url(../_cmf_res/images/module-drag-bg.gif) repeat-x;   
	height:19px; 
	padding:3px 0 3px 5px; 
	display:block; 
	font-weight:bold; 
	color:#FFF; 
	cursor:move;
}

.securityPopUpDrag {width:420px;}

.securityPopUpButtons {display:none;}

.editorPopUpContent {
	width:810px; 
	height:600px; 
	overflow:auto;
}

.editorPopUpInner {}

.editorPopUpOuter {background-color:#FFF; border: solid 1px black;padding:0 10px;}
.editorPopUpDrag{ width:810px;margin:2px 0 15px;}
.editorPopUpButtons{display:none;}

.connectPopUpContent {width:400px; height:370px; margin-left:10px;}
.connectPopUpInner {}
.connectPopUpOuter {background-color:#FFF; border: solid 1px black;}

.connectPopUpDrag{ width:420px;}
.connectPopUpButtons {display:none;}

.eventPopUpContent {width:600px; height:370px; margin-left:10px; overflow:auto;}
.eventPopUpInner {}
.eventPopUpOuter {background-color:#FFF; border: solid 1px black;}
.eventPopUpDrag { width:600px;}
.eventPopUpButtons {}

.popup-wrapper{position:fixed !important;}



/******************
***   Editor    ***
******************/

.editorPanel{width:860px; background-color:#FFF; padding:0; border:solid 1px #CCC; overflow:hidden; text-align:left;}
.editorHeaderGap {padding:0; text-align:center;}
.editorHeader {font-weight:bold; background-image:url(../_cmf_res/images/titleglow.gif); padding:3px 0 3px 0; color:#FFF; background-color:#F60; border-bottom: solid 1px #CCC; height:20px; cursor:move;}
.editorHeaderTitle {float:left; margin-left:10px;}
.editorHeaderBtn {float:right; margin:2px 10px 0;cursor:default;}
.editorContent { height:auto; overflow:auto; }
.editorContentSpace {margin:10px; height:650px; overflow:auto;}
.editorModuleTitle {margin-left:5px;}

.securityPanel{width:440px; background-color:#FFF; padding:0; border:solid 1px #CCC; text-align:left;}
.securityContentSpace {margin:10px; height:370px; overflow:auto; }


.editorSection{
	padding:5px 2px 20px; 
	margin:0;
}

.editorSection h2{
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0;
}

.editorSection label{
	display:block;
	float:left;
	font-size:1.2em;
	line-height:1em;
	padding:7px 0 0;
	width:90px;	
}

.editorSection .textbox, .editorSection .textbox-wrapper input{
	border:1px solid #bbb;
	height:20px;
	padding:3px 3px 0;
	width:250px;
	margin:0 0 5px;
}

.editorSectionHeader{
	color:#5AABD1;
	font-size:1.4em;
	font-weight:bold;
	line-height:1em;
	margin:0 0 10px;
}

.editorSectionHeader span{line-height:1.2em;}
.editorSectionHeader img{float:left;display:inline;margin:0 10px 0 0;cursor:pointer;}

	
.moduleDrop{
	height:5px; 
	margin:0px; 
	width:100%;
	min-width:300px;
	min-height:20px;
	display:block;
	background:none;/* background-color:#FB6; Jason - this is the one to change */
}

.moduleDrop table{width:100%;}

.moduleDropHover{
	height:200px; 
	margin:2px; 
	border:1px dashed #bbb; 
	background-color:#bbb;
	display:block!important;
}

.moduleView{
	min-height:10px; 
	height:inherit; 
}

.moduleEdit{
	border:1px dotted #aaa;
	height:inherit;
	margin:1px 0 3px;
	min-height:10px;
	min-width:300px;
}

.moduleDragPanel{
	height:16px; 
	background:url(../_cmf_res/images/module-drag-bg.gif) repeat-x; 
	cursor:move;
	width:100%;
}

.moduleEditing table table tr td a{overflow:auto;zoom:1;}
.moduleEditing table{zoom:1;}
.moduleEditing table table tr td a img{position:relative; top:-16px;right:4px;margin-left:6px; zoom:1;overflow:hidden;}

*+html  /* nasty temporary hack for IE until icons are moved */



/************************
***   Panel Layout    ***
************************/








/****************
***   Tree    ***
*****************/

.deletedNode {color:#DDD;}

.smallTreePanel {
	width:200px; 
	height:200px; 
	overflow:auto; 
	float:left;
  border-top:solid 1px #000;
  border-left:solid 1px #000; 
  border-bottom:solid 1px #999; 
  border-right:solid 1px #999;
}


.smallTreePanel table {width:auto;}

 
.treeMargin {width:22px; padding-left:2px;}

.treePanel {
	width:39.5%; 
	height:490px; 
	padding:10px 0 0;
	overflow:auto; 
	float:left;
  border:1px solid #ddd; 
  margin:0 0 2px;
  background:url(../_cmf_res/images/treeMargin.gif) repeat-y;
 }
 
.ctlPanel {
	width:59.5%; 
	height:500px; 
	overflow:auto; 
	float:left; 
	margin-left:4px;
  border:1px solid #ddd;
  overflow-x:hidden;
  position:relative;
}

.ctlPanel span, .ctlPanel div{  zoom:1;}

.testPanel {background-color:Red; height:200px; width:200px;}

.dvBtnPanel {width:99%; margin:1px; text-align:center; background-color:#f3f3f3; border:solid 1px #ddd;padding:3px}

.deLabel {font-size:9pt; font-weight:bold;}
.deRow {clear:both; margin-bottom:2px;}
.deTextBox {margin:2px 0 10px 2px;}
.deLabelCell {width:147px; height:28px; line-height:28px;padding:0 0 0 4px; background-color:#f3f3f3;margin-right:2px; float:left;}
.deEntryCell {width:290px; height:28px; background-color:#f3f3f3;float:left;position:relative;}

.deEntryCell input {
	margin:4px 3px 0 2px;
	padding:1px 2px; 
	border:1px solid #aaa;
}

.deEntryCell input[type=checkbox]{border:none;}

.inheritContainer
{
    background:#F3F3F3;height:20px;
    left:159px;
    padding-left:10px;
    position:absolute;
    top:-11px;
    width:121px;
}
    
.deEntryCell select {margin:2px 0 0 2px;}
.deEntryCell select {margin:2px 0 0 2px;}
.deSectionHeader {font-size:11pt; font-weight:bold;}
.deDescription {font-style:italic; margin:0 0 4px 0;padding:10px 0;}

.deTableCell, .deTableCellWide, .deTableCellMedium, .deTableCellSmall{background-color:#CCF}
.deTableCellWide {width:300px} .deTableCellMedium{width:150px} .deTableCellSmall {width:50px}
.deCellCentre {text-align:center;}
.deStrong {font-weight:bold;}

.expContainer{padding:3px;}
.expContainer iframe{width:100% !important;height:100% !important;}
.expOuter{ font-family:Arial; border:solid 1px #ddd; margin:5px 0 5px 5px; z-index:0;position:relative;}
.expHeader{height:32px;line-height:32px;background-color:#aaa; font-size:10pt; padding-left:5px;width:452px;display:block;position:relative;}
.expImageDiv {position:absolute;top:9px;right:3px;cursor:pointer;}
.expCaptionDiv {float:left; margin: 5px 0 0 5px;font-weight:bold; }

.expHeader .expCaptionDiv{
	color:#FFFFFF;
	float:none;
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	margin:0;
	
}

.access-user-panel {float:left;}
.access-box-panel {float:right;font-size:9pt;}
.access-box-panel table {border-top:solid 1px #000; border-left:solid 1px #000; border-bottom:solid 1px #999; border-right:solid 1px #999;}
.access-box-panel th {text-align:left}
.access-iconOuter {width:217px; height:182px; overflow:auto; border-top:solid 1px #000; border-left:solid 1px #000; border-bottom:solid 1px #999; border-right:solid 1px #999; font-family:Arial; font-size:10pt;}

.iconOuter {width:217px; height:100px; overflow:auto; border-top:solid 1px #000; border-left:solid 1px #000; border-bottom:solid 1px #999; border-right:solid 1px #999; font-family:Arial; font-size:10pt;}
.iconTable {width:200px;}
.iconTable td {padding:4px;}
.iconRowSelected td {background-color: #009; color:#FFF;}
.iconCell {width:20px;}

.js-row{}
.js-icon-cell{}
.js-caption-cell{}
.js-link{}
.js-link-cell{}
.selectedNode{background-color:#DDD; cursor:pointer;padding:0 3px;}
.node{cursor:pointer;padding-left:3px;}


#editModeLink{
	display:block;
	position:fixed;
	right:37px;
	top:2px;
	z-index:9999;
	width:122px;
	height:41px;
	background:url(../_cmf_res/Images/edit-page-bg.png) no-repeat;
}

#editModeLink:hover{background-position:0 -41px;}

.toggle-edit {
	color:#FFFFFF;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
	padding:9px 0 14px 14px;
	display:block;
}

.toggle-edit img {float:left;margin:0 8px 0 0;}

div.vex-tree   {width:300px; height:300px; overflow:auto; float:left;
                    border-top:solid 1px #000; border-left:solid 1px #000; 
                    border-bottom:solid 1px #999; border-right:solid 1px #999;}
.vex-files  {width:250px; height:300px; overflow:auto; float:left; margin: 0 0 10px 10px;
            border-top:solid 1px #000; border-left:solid 1px #000; 
            border-bottom:solid 1px #999; border-right:solid 1px #999; }
.vex-file-item-selected {background-color:#007; color:#FFF; cursor:default;}
.vex-file-item { cursor:default;}
.vex-file-item-selected td {padding:2px;}
.vex-file-item td {padding:2px; cursor:default;}

.vex-file-tree-node {cursor:default; margin-left: 2px;}
.vex-file-tree-node-selected {cursor:default;background-color:#007; color:#FFF; margin-left: 2px;}

.vex-file-caption {width:200px;}
.vex-file-icon {margin-right:3px;}
.vex-upload {clear:both;border-top:solid 1px #000; border-left:solid 1px #000; width:562px;
            border-bottom:solid 1px #999; border-right:solid 1px #999;}
.vex-upload input {margin:3px;}
.vex-upload-finished {width:562px; height:100%; background-color:#FFF;}
.vex-upload-progress {width:562px; height:100%; background-color:#FFF;}

.vex-cm {background-color: #CCC; border-top:solid 1px #CACACA; border-left:solid 1px #CACACA;
               border-bottom:solid 1px #AAA; border-right:solid 1px #AAA;}
.vex-cm img {margin:2px;}
.vex-cm-item {cursor:default;}
.vex-cm-hover {background-color: #DDD; cursor:default; }






/*******************
***  Securities  ***
*******************/

.sec-entities-wrap {float:left;height:300px;}

.sec-entities-wrap input{margin:5px 0;}

.sec-entities {	
	height:270px; 
	width:200px; 
	margin:3px 5px 0 0;
}

.sec-perms {
	float:left; 
	display:inline; 
	height:300px; 
	width:200px; 
	margin:3px 0 5px;
	overflow:auto;
}

.sec-buttons {
	display:block;
	clear:both;
	text-align:right; 
	width:403px; 
	padding:2px; 
}

.sec-entities, .sec-perms, .sec-buttons{
	border:1px solid #999;
	background:#fff;
}

.sec-ent-table {margin-right:2px;width:180px;font-size:11px;}
.sec-ent-table td{padding:4px; cursor:pointer;}        
.sec-perm-table {width:100%;font-size:11px;}

.sec-perm-table th {
	background-color:#E4E4E4;
	color:#555555;
	font-size:11px;
	padding:3px 10px;
}

.sec-perm-table td, sec-perm-table th {padding:3px 10px;}

.securityPopUpContent a{font-size:11px;}

.perms{}
.perms th{background-color:#ddd; padding:6px 10px; font-family:Arial;font-size:11px; font-weight:bold;}
.perms td{padding:7px 10px 3px}
.perms-name{text-align:left; width:100px;}
.perms .perms-allow{text-align:left; width:40px;padding-left:14px;}
.perms .perms-deny{text-align:left; width:40px;padding-left:12px;}
.perms-ent-table{margin-right:2px;width:130px}

.perms-ent-faint td{
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	color:#999;
}

.perms-ent-table td{padding:4px; cursor:pointer;}        
.perms-ent-sel td{background-color:#007;color:#FFF;}
.perms-ent-name {text-align:right;}

.perms-left{
	float:left;
	height:300px; 
	width:184px; 
	overflow:auto; 
	border:1px solid #aaa;
	margin-right:10px;
}

.perms-right{
	float:left;
	height:300px; 
	width:245px; 
	overflow:auto; 
	border:1px solid #aaa;
	padding:0;
	clear:right;
}

.perms-popUp{
	background:#FFF; 
	border:solid 1px black; 
}

.perms-popUp input{margin:0 0 10px 10px;}

.perms-dragBox{
	background:url(../_cmf_res/images/module-drag-bg.gif) repeat-x;   
	height:19px; 
	padding:3px 0 3px 5px; 
	display:block; 
	font-weight:bold; 
	color:#FFF; 
	cursor:move;
}

.popup-bg {background-color:#777; filter:alpha(opacity=70); opacity:0.7;}

.entity-search-panel{
	height:100px; 
	width:300px; 
	overflow:auto; 
	margin-bottom:10px;
	border:1px solid #999;
}

.entity-picked-panel{
	height:200px; 
	width:300px; 
	overflow:auto;
	border:1px solid #999; 
}

.perms-popUp .entity-picker input{margin:0;}

.entity-caption-cell{width:200px;}
.entity-icon-cell{padding-right:4px;}
.entity-link-cell{text-align:right;}
.entity-link {text-align:right;}
.entity-row td {padding:2px;}
.entity-picker {font-family:Arial; font-size:11px;padding:10px;}
.entity-picker-radio-btns {margin:10px 0 8px; width:300px;}
.entity-picker-radio-btns label{margin:0 5px 0 3px;vertical-align:top}
.entity-picker-search-box {margin-right: 4px;}
.entity-inherited td{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}








/*******************
***    Ribbon    ***
*******************/

.toolbar {
	font-size:9pt;
	width:100%; 
	border:solid 1px #0C2280; 
	position:fixed; 
	height:125px; 
	top: 0; 
	right: 0; 
}
        
.ribbon {width:700px;font-size:9pt; border:solid 1px #0C2280;}

.ribbonToggle {
  position:fixed; 
  top: 0; 
  right: 0; 
  z-index:100; 
  border:1px solid black; 
  background:url(../_cmf_res/images/module-drag-bg.gif) repeat-x scroll 0 0; 
  padding:3px 2px 0px;
  cursor:pointer;
}
        
div.tabs {
	height:20px; 
	border-bottom:solid 2px #4695BB; 
	color:#0C2280; 
	padding:2px 0 0 5px;
  background: #F9FEFE url("../_cmf_res/images/tab-sheen.png") repeat-y scroll center top;
}

ul.tabs {margin:0; padding:0; list-style:none;}
.tabs li {margin:0; padding:0; float:left; font-weight:bold;}

.tabs li.hovered {
	background-image:url("../_cmf_res/images/tab-right-on2.png"); 
	background-position:right top; 
	background-repeat:no-repeat;
}

.tabs li a {
	display:block; 
	text-decoration:none; 
	color:#444; 
	padding:4px 25px 2px; 
	outline:none;
}

.tabs li.hovered a {color:#FFF; background:url("../_cmf_res/images/tab-left-on2.png") no-repeat; }

.tabs li.on {
	background-image:url("../_cmf_res/images/tab-right-on2.png"); 
	background-position:bottom right; 
	background-repeat:no-repeat;
}

.tabs li.hovered.on {background-position:top right;}

.tabs li.on a { 
	color:#FFF; 
	background-image:url("../_cmf_res/images/tab-left-on2.png"); 
	background-position:bottom left;
	background-repeat:no-repeat; 
}

.tabs li.hovered.on a { background-position:top left;}

/*
.ribbon-section-outer {padding-bottom:2px; background-color:#757575;}  
.ribbon-section {float:left; padding: 0 0 0 2px;}
.ribbon-section-text { padding:4px 10px 4px 10px; color:#FFF; font-weight:bold;}
.ribbon-section-wrapper { float:left; margin: 2px 2px 0 0; text-align:center;  border:solid 1px #FFF;
                  background: #757575 url("/CMFSite/_cmf_res/images/section_gradient.png") repeat-x top left;}
.section-body {padding:2px; background-color:#ABC;}*/

.sections-outer {
	padding-bottom:2px; 
	background-color:#4695BB;
	width:100%; 
	height: 102px;
}
                
.section { height: 100% }
.sections {float:left; padding: 0 0 0 2px;}

.section-text { 
  padding:4px 10px 4px 10px; 
  color:#FFF; 
  font-weight:bold;
  font-size:11px;
}

.section-wrapper{float:left;}

.section-wrapper, .cat-wrapper { 
  margin: 0px 2px 0 4px; 
  text-align:center;  
  border:solid 1px #FFF;
  background: #757575 url("../_cmf_res/images/module-drag-bg.gif") repeat-x top left;
  position:relative;
 }
 
.section-body {
	padding:2px; 
	background:#e7f9fc url('../_cmf_res/images/section-body-bg.gif') repeat-x bottom left;
	color:#4d4d4d;
	font-size:11px;
}

.cat-scroll-wrapper {height: 77px; overflow:hidden;padding:0;}
.cat-wrapper {height: 103px; overflow:hidden;padding:0;}
.cat-wrapper .section-body{height:77px;}
.cat-close-image {float:right; margin-right:-6px;margin-top:-2px;cursor:pointer}
.parts-wrapper {}

.part-outer {float:left;display:block;width:170px;height:38px;}

.part-inner {
	padding:5px 0 2px 3px; 
	width:167px; 
	height:29px; 
	text-align:left; 
	cursor:move; 
	line-height:14px;
	margin:0 0 3px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.part-inner.hovered{
	color:#FFF; 
	font-weight:normal;
	border:1px solid #fff;
	background:#5AABD1;
	padding:4px 0 2px 2px;
	width:166px;
	height:30px;
  -moz-box-shadow: 3px 3px 3px #bbb;
  -webkit-box-shadow: 3px 3px 3px #bbb;
  box-shadow: 3px 3px 3px #bbb;
  /*background: transparent url("../_cmf_res/images/part-inner-hover.png") no-repeat 0 1px;*/}
  
.part-icon {display:block;float:left;margin:0 0 15px 2px;}
.part-name {margin-left:7px;display:block;float:left;width:138px;}
.cat-part-outer {float:left;}

.cat-part-name {margin-left:4px;}

.cat-part-inner{
	text-align:center;
	padding:8px 0 0;
	margin:5px 42px;
	width:87px;
	height:57px;
	background:url('../_cmf_res/Images/category-bg.png') no-repeat bottom left;
	color:#4D4D4D;
}

.cat-part-inner.hovered {
	color:#fff; 
	font-weight:bold;
	background:none;
	cursor:pointer;
	padding:8px 0 0;
	width:87px; 
	height:57px;
	border:none;
	-moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
 }
 

.cat-part-inner.hovered{background:url('../_cmf_res/Images/category-bg.png') no-repeat top left;font-weight:normal;}

.cat-part-inner .part-icon{
	display:block;
	margin:0 auto 10px;
	float:none;
}

.cat-part-inner .part-name {display:inline;float:none;}

.cat-scroll { position:absolute;top:25px;right:0; }
.cat-scroll img {display:block;margin:0 4px 2px 0;}









/**************************
***    Sitemap editor   ***
**************************/

.sitemap-editor{padding:20px 20px 10px;}

.sitemap-editor label{
	display:block;
	float:left;
	padding:5px 0 0;
	width:134px;
	font-size:12px;
	font-weight:bold;
}

.sitemap-editor input{
	border:1px solid #DDDDDD;
	font-size:12px;
	margin:0 0 10px;
	padding:3px;	
	float:left;
	display:block;
}

.sitemap-editor p{
	width:446px;
	float:left;	
	font-size:11px;
	background:#f9ebbf url('../_cmf_res/Images/Management/info-small.gif') no-repeat 10px 3px;
	border:1px solid #fbb034;
	padding:4px 5px 4px 34px;
	margin:0 0 0 5px;
	text-align:left;
	min-height:13px;

}

.sitemap-editor span{display:block;float:left;}

.sitemap-editor br{
	width:100%;
	height:1px;
	line-height:1px;
	font-size:1px;
	clear:both;	
}








/*****************************
***    Template override   ***
*****************************/

.template-override label{width:92px;}

.template-override input{margin:0 5px 15px 0;}

.template-override .checkbox-wrapper input{margin:0;}
.template-override .checkbox-wrapper label{padding:0;margin:0 0 10px;}







/*****************************
***    formbuilder   ***
*****************************/

.formbuilder {font-size:1.2em;}
.formbuilder input {width:500px;float:left;}

.formbuilder .rowsgrid { text-align:center;}
.formbuilder .rowsgrid td { height:15px;padding:2px 6px 2px 6px;}
.formbuilder .rowsgrid th {padding:2px 6px 2px 6px; font-weight:bold;}
.formbuilder .rowsgrid a { color:Red;}

.formbuilder .rowsgrid .gridTextBox
{
    width:auto; 
    padding:0px 0px 0px;
    margin:2px 0 2px;
}

.formbuilder .row-add { padding:2px 6px 2px 6px;color:#5AABD1; }

.formbuilder .redirectCheckBox input
{
    width:auto;
}
.formbuilder .redirectCheckBox label
{
    width:auto;
    margin:0px;
}

.formbuilder .rowsgrid .gridValuesBox
{
    width:300px; 
    padding:0px 0px 0px;
    margin:2px 0 2px;
}

.formbuilder label
{
    width:180px; 
    padding:3px 0px 4px;
	margin:2px 0 2px;
}

.formbuilder .rowsgrid .ddl
{
	border:1px solid;
	color:#58595B;
	font-family:Arial;
	float:left;
	margin:2px 0 2px;
	padding:0px 2px 1px;
}


.checkbox-editor-wrapper{
 position:relative;
 width:300px;

}

.checkbox-editor{
 position:absolute; left:0; top:0;
 width:300px;
 padding:10px;
 background:#FBB034;
 border:1px solid #bbb;
}

.formbuilder .rowsgrid .checkbox-editor .gridValuesBox {width:268px;display:inline;}

.formbuilder .rowsgrid .add-checkbox{
 float:right;
 margin:20px 0 0;
 display:block;
 padding:0 25px 0 10px;
 height:20px;
 line-height:20px;
 color:#82ae14;
 font-weight:bold;
 background:#f4ffd0 url('../_cmf_res/Images/Management/add.gif') no-repeat 95% 3px;
 border:1px solid #98cd0c;
 font-size:11px;
 text-decoration:none;
}

.remove-checkbox{
 width:16px;
 height:16px;
 float:left;
 background: url('../_cmf_res/Images/Management/delete.gif');
 text-indent:-9999em;
 margin:4px 0 0 10px;
 display:inline;
}





/******************
***  Utilities  ***
******************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}