.fieldButtons,#ajaxWaitingMessage, .fieldInstructions,.popup,.popupContent {
	position:absolute
	}

.fieldButtons {
	z-index:15;
	bottom:-3px;
	right:8px
	}	

#leftRegion {
	width:310px;
	padding:0;
	background: #FFF;
	margin: 0;
	}

#leftRegion,.package {
	float:left
	}

#rightRegion {
	width:388px;
	float:right;
	padding:0 15px;
	/*border-left: 1px solid #71c3ea;*/
	}

#ajaxWaitingMessage,.popup {
	z-index:20;
	left:0
	}

#ajaxWaitingMessage,.pageButtons,textarea,.fieldContainer,.fieldBorder,.popup {
	width:100%
	}

#ajaxWaitingMessage {
	bottom:0
	}

#ajaxWaitingMessage,.centerText,.packageItem {
	text-align:center
	}
	
span.helpIcon {
	display:inline;
	padding-left: 2px;
	color: #6E6F71 !important;
	font-weight: normal !important;
	font-family: verdana, arial, helvetica, sans-serif !important;
	font-size: 9px !important;
}

span.helpLabel {
	position:relative;
	display:inline;
}
/* switched to inline help display
div.helpContent {
	border: 2px solid #C5C3B6;
	background: #FFF url(/html/imgs/header_content_tile.gif) repeat-x left bottom;
	position:absolute;
	left:2px;
	top: 0;
	width: 300px;
	padding: 1em 1.5em;
}*/

span.helpContent 
{
	position : absolute;
	left : 15px;
	top : -10px;
	border-top: 1px dotted #C5C3B6;
	background: #F9F9F9;
	padding: 1em 1.5em;
	display: block;
	margin: .5em auto;
	color: #6E6F71 !important;
	font-weight: normal !important;
	font-family: verdana, arial, helvetica, sans-serif !important;
	font-size: 11px !important;
	line-height: 14px !important;
	width : 250px;
	z-index:  50;
}	

.popup {
	top:0
	}

.pageButtons,.popupContent {
	text-align:right
	}

.xsmallField {
	width:50px
	}

.smallField {
	width:125px
	}

.medField {
	width:250px
	}

textarea.medField {
	height:100px
	}

.largeField {
	width: 100%;
	}

textarea.largeField {
	height:200px
	}

.fieldInstructions {
	left:430px;
	top:20px;
	max-width:200px;
	z-index:25
	}

.fieldInstructions,.rowHeader {
	color:White
	}

.admin .fieldInstructions,.formVariables {
	display:none
	}

.indent {
	margin-left:15px
	}

.templates {
	visibility:hidden
	}

.error {
	color:Red
	}

.fieldProperty,.fieldLabels,.fieldContainer,.dropCue,.emptyList {
	display:block
	}

.listItem {
	padding:.5em 1em;
	border-top:1px solid
	}

ul.tab {
	margin: 0;
	padding: 0;
	background: url(/html/imgs/tab_bg.gif) repeat-x left bottom;
	height: 26px;
	}

li.tab {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
	background: url(/html/imgs/tab_left.gif) no-repeat left top;
	}

li.tab a, li.tab a:link, li.tab a:visited, li.tab a:hover {
	float: left;
	display: block;
	background: url(/html/imgs/tab_right.gif) no-repeat right top;
	font-weight: normal;
	text-decoration: none;
	padding: 6px 10px 4px 6px !important;
	padding: 6px 10px 5px 6px;
	margin: 0;
	font-size: 11px;
	}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
li.tab a, li.tab a:link, li.tab a:visited, li.tab a:hover  {float:none;}
	/* End IE5-Mac hack */

li.selectedTab {
	background-image: url(/html/imgs/tab_left_on.gif);
	}

li.selectedTab a, li.selectedTab a:link, li.selectedTab a:visited {
	background-image: url(/html/imgs/tab_right_on.gif);
	padding-bottom: 5px !important;
	padding-bottom: 6px;
	}

.innerField,.popupContent {
	padding:5px
	}

.fieldLabels {
	font-weight:bold
	}

.formFieldLabels {
	/*font-size:large*/
	}

.adminFieldLabels {
	/*font-size:medium*/
	}

.fieldContainer,.dropCue {
	margin-bottom:5px;
	}

.fieldBorder {
	border:1px solid white
	}

.fieldBorderHover,.innerField:Hover {
	background: #caeaf9;
	border: 1px solid #71c3ea;
	}

.fieldItem {
	padding: .5em 1em 1em 1em;
	margin: 0;
	position : relative;
	display : block;
	border : 1px solid #FFF;
	}

.fieldSelected {
	background: #eaf5fa;
	border: 1px solid #caeaf9;
	}

.innerField, .fieldProperty {
	border:1px solid #fff;
	padding: .5em 1em 1em 1em;
	margin: 0;
	}

.relativeContainer {
	position:relative
	}

div.arrow {
	position: absolute;
	right: -10px;
	top: 12px;
	width: 10px;
	height: 19px;
	background: url(/html/imgs/field_arrow.gif);
	}

.fieldProperty {
	left:-336px;
	background: #FFF;
	position:absolute;
	top:0;
	border: 1px solid #1d6893;
	}

#formProperties, #fieldProperties, #addField{
	background: #FFF;
	border-left: 1px solid #1d6893;
	border-right: 1px solid #1d6893;
	border-bottom: 1px solid #1d6893;
	padding: 1em 1.5em 1.5em;
	}


.formHeader {
	font-weight: normal;
	}

.formHeader h2 {
	margin: .55em 0 0 0;
	padding: 0;
	}

.formHeader p {
	margin-top: 0;
	}

#fieldList {
	
	}

ul#addFieldButtons li {
	list-style: none;
	margin-bottom: .5em;
	}
	
ul#addFieldButtons li a {
	text-decoration: none;
	padding: 2px 8px;
	}

/* Account/Packages
--------------------------------------- */

.popup {
	background:#000
	}

.popup {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	height:150%
	}
	
.package {
	border: 1px solid #1e6993;
	}

.popupContent {
	background:White;
	z-index:21;
	top:50%;
	left:50%
	}

.packageItem {
	vertical-align:middle;
	padding:3px;
	width:111px;
	background: #FFF;
	color: #1e6993;
	border: 1px solid #caeaf9;
	}
	
.rowHeader {
	background: #caeaf9;
	border-left: 1px solid #1e6993;
	border-right: 1px solid #63b4d1;
	border-top: 1px solid #1e6993;
	border-bottom: 1px solid #63b4d1;
	}

.rowHeader a {
	font-weight: bold;
	text-decoration: underline;
	}
	
.colHeader {
	background: #71cff5;
	height:55px;
	color: #FFF;
	}

.packageSelected {
	background: #00a1bd;
	color: #FFF;	
	}

.alternating {
	background: #e6f3f9;
	}
	
.selectedItem 
{
	background-color : Yellow;
}

.selectable
{
	cursor : pointer;
}

/* admin
--------------------------------------- */
#chkEmailAdmin, #showText, #redirectUrl, #confirmationUrl, #linkConfirmation, #linkConfirmation a, #chkEmailConfirmation, #emailConfirmation {
	margin-top: 1em;
	}

legend {
	font-weight: bold;
	color: #1e6993;
	}

fieldset {
	margin-bottom: 1em;
	border-color: #1e6993;
	padding: .5em 1em;
	}

.fbButton {
	/*padding: .5em .1em;
	background: #caeaf9;
	border: 2px solid #1e6993;
	color: #1e6993;
	margin: .5em 0;
	text-decoration: none;
	float: left;*/
	}

/* Clearing
--------------------------------------- */

#fieldProperties:after, #rightRegion:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#fieldProperties,#rightRegion {display: inline-block;}

/* Hides from IE-mac \*/
* html #fieldProperties, * html #rightRegion {height: 1%;}
#fieldProperties, #rightRegion {display: block;}
/* End hide from IE-mac */
