@import url("/style/nav.css");
@import url("/style/mojoToolsAdminBar.css");

body {
	background: #fff;
	margin: 0;
	padding: 0;
}

form {
    margin: 0;
}

body,
td,
th,
li,
p
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

a span {
    cursor: pointer;
}

p { margin: 0 0 1em 0; }

.btnRt { float:right !important; }
.btnLt { float:left !important; }
.clrNone { clear: none !important; }

#adminContent h1, #GB_window h1 {
	font-size: 25px;
	color: #205EAF;
	font-weight: bold;
	padding-bottom: 0.75em;
	border-bottom: solid #ddeffa 1px;
    line-height: 0.8em;
    padding-bottom: 0.5em;
}
#adminContent h1 .note
{
    display: block;
}

#adminContent h1 a, #GB_window h1 a {
	font-size: 12px;
	text-decoration: none;
}

#adminContent h1 a:hover, #GB_window h1 a:hover {
	text-decoration: underline;
}

#adminContent h2, #GB_window h2 {
	font-size: 22px;
	font-weight: bold;
    color: #5db644;}

#adminContent h3, #GB_window h3 {
	font-size: 16px;
	color: #737373;}

#adminContent h4, #GB_window h4 {
	font-size: 14px;
    color: #0D69D0;}

#adminContent {
	margin: 2em auto;
	width: 960px;
}

/* Override the default widths and margin when an admin page is opened in a popup window */
.adminPopup #adminContent
{
	width: 100%;
	margin: 0px auto;
}

body.adminPopup {
    /*margin: 10px;*/
}

body.adminPopup #breadCrumb {
	display: none;
}

.tagTreeHeading 
{
    position: relative;
}

#adminContent h1 .addContent
{
    display: block;
    position: absolute;
    top: -5px;
    right: 350px;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0 5px 37px;
    font-weight: normal;
    text-decoration: underline; 
}

#adminContent h1 .addContent:hover { text-decoration: none; }

/* Dashboard Panels */
.panelWrap 
{
    border: 1px solid #C0C0C0;
    border-radius: 10px;
    padding: 10px 20px;
    width: 43%;
    margin: 0 1% 20px 1%;
    float: left;
}
#adminContent .panelWrap h2
{
    border-bottom: 1px solid #C0C0C0;
    color: #FF7E14;
    margin: 0 0 5px;
    padding: 0 0 5px;
}
.panelWrap img
{
    vertical-align: middle;
    margin: 2px 4px 2px 0;
    border: none;
}
.panelWrap.div
{
    width: 46%;
    margin: 0 1% 10px 1%;
    float: left;
}
.panelWrap a
{
    color: #000;
    text-decoration:none;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    padding: 5px 0px;
    display: block;
}
    
.panelWrap a:hover
{
    opacity: .8;
    color: #205EAF;
}


/* General Styling */
a { color: #0D69D0; }

a:hover { color: #5A99DC; }

form { margin-top: 0; }

.sections 

.sections tr.header th 
{
	border-top: solid 1px #ddeffa;
	border-right: solid 1px #ddeffa;
	border-left: solid 1px #ddeffa;
}
.sections th 
{
	border-left: solid 1px #ddeffa;
}
.sections tr.btnRow td, .sections tr.btnRow th 
{
	border-top: solid 1px #ddeffa;
	border-right: none;
	border-left:none;
	padding-top: 10px;
}
.sections table th, .sections table td
{
	border: none;
}

.tagTree li.contentGroup {
	background: url("/maintenance/images/content-group-bg.png") repeat-x;
    border-bottom: 0 solid #000000;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: 54px;
    padding: 4px 0 3px 8px;
    opacity: .6;
}
.tagTree li.contentGroupIndent {
    background: none;
    margin-left: 54px;
}
.tagTree li.contentGroup .note {
    color: #666;
}

thead th, tr.header th, tr.header td {
	background: #fff url(/maintenance/images/bkgd-grad-btm-lt-blue.gif) left bottom repeat-x;
}
tr.topLevel th, tr.topLevel td
{
	font-weight: bold;
	border-bottom: solid 1px #5A99DC;
	color: #333;
}

.topLevel .mojoToolsBtn {
	font-weight: normal;
}


.tier 
{
	display:block;
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(/maintenance/images/bkgd-tier.gif) 0 0 no-repeat;
}

.formDisplay tbody tr.header th 
{
	text-align: left;	
	width: auto;
}

tr.header th .note {
	display:inline;
}

.clr { clear: both; }

span.clr { display: block; }

.note, .noteRight {
    color: #999;
    font-size: 10px;
    /*display:block; (removed to account for new maintenance styles (labels above fields instead of beside)) */
}

.noteRight 
{
    float: left;
    width: 350px; 
    margin-left: 10px;
}

.info, .formDisplay 
{	border-collapse: collapse;
    clear: both;
}

/*
.formDisplay input[type=text]
, .formDisplay input[type=password]
{ border: solid 1px #BEBEBE; padding: 3px; font-size: 1.2em; }
*/

.info, fieldset
{
	margin: 0 0 30px 0;
	background: #fff;
}
fieldset
{
	border: solid #BEBEBE 2px;
	border-bottom: solid #6EBD57 6px;
    padding: 30px 15px 15px 15px;
    *padding: 40px 15px 15px 15px;
    position: relative;
    zoom:1;
    background: #fff url('/images/DevToolsCMS/bg-gradient-down.png') 0 0 repeat-x;
}
fieldset fieldset
{
	border: solid #555555 1px;
}

legend { background: none; position: absolute;  *position: relative;  }

legend h5, legend strong {
    font-size: 22px;
    color: #0D69D0;
    padding: 0;
    margin: 0 0 10px 0;
    *margin: 0 0 10px -6px;
    font-weight: normal;
    white-space: nowrap;
    position: absolute !important;
    top: -15px;
    *top: -23px;
    left: 0;
}

legend h5 strong { position: static; }

legend.noIcon 
{
}

legend, legend .legendTitle {
}

legend a.icon {
    font-size: 12px;
    float:left;
    margin-bottom: 0;
}

th {
    vertical-align: top;
}

tbody td, tbody th {
    vertical-align: top;
}


.formDisplay 
{
	border: 0;
	margin-bottom: 1em;
}


.formDisplay td, .formDisplay th, .info td, .info th {
	padding: 3px 10px 3px 0; 
	vertical-align: top;
}

.formDisplay tbody th 
{
    width: 141px;
    text-align: right;
}

.formDisplay tbody th.subHead 
{
    text-align: left;
}

.formDisplay th.smLabel
{
	width: 40px;
}

.formDisplay th.medLabel
{
	width: 75px;
}

.formDisplay tbody td 
{
    text-align: left;
    vertical-align: top;
}

.formDisplay .formDisplay
{
    margin: 0;
}

p.question
{
	margin-bottom:0;
	font-weight: bold;
}

table.radioBtnList
{
	margin: 0 0 1em 0;
}

table.radioBtnList tr td
{
	text-align: left;
	padding: 0 5px 0 0;
}

.info tbody th 
{
    text-align: right;
}

.altRow{
	background-color: #eff9ff;
}

.altRow td, .altRow th {
	background-color: #eff9ff;
	border-top: solid 1px #ddeffa;
	border-bottom: solid 1px #ddeffa;
}

.sections .altRow td { 
	border: solid 1px #ddeffa; }


.altRow td td, .altRow th th {
	background-color: #eff9ff;
	background: none;
	border: none;
}


.box td, .box th  
{
	padding: 8px; 
}

.boxContent th {
	text-align: left;
	color: #555;
}
.boxContent thead th {
	text-align: center;
	border-top: solid 1px #ddeffa;
}

.boxContent td {
	text-align: left;
	vertical-align: top;
}

.boxContent td label {
    line-height: normal;
}

.boxContent fieldset table {
    margin-top: 10px;
}

.sponsorsTable td input {
    display: block;
    float: left;
}

.sponsorsTable table {
    clear: both;
}

.sponsorsTable .icon {
    float: left;
}

.selectedSponsors {
    width: 350px;
    float: right;
    padding: 10px;
    background: #ddeffa;
}

.selectedSponsors h4 {
    margin-top: 0;
}

.selectedSponsors ul {
    background: #fff;
    list-style: none;
    padding: 10px;
    margin: 0;
}

.selectedSponsors li {
    background: #fff;
    padding: 0;
    clear: both;
}

.selectedSponsors li input {
    padding-top: 2px;
    float: left;
}

.boxContent tbody td.btnHolder
{
	margin: 0;
	padding: 3px 0 0 0;
	width: 5%;
}

.boxContent tbody td.rowLabel
{
	font-weight:bold;
	width:70%;
	padding: 3px 10px;
}

.rowLabel 
{
    font-weight: bold;
    color: #555555;
    display: block;
    padding: 0px 3px 2px 0;
    font-size: 14px;
}

.rowLabelInline { display: inline;}
	
.box h1, .box h2 {
	color: #737373;
	font-weight: normal;
}
.box h2.displayIcon {
	margin: 0 0 5px 0;
}
.box h1.displayIcon {
	margin-top: 1em;
}

.validator {
    color: #8B0000 !important;
    margin: 3px 5px 3px 0;
    border: solid 1px #8B0000;
    display: block;
    padding: 3px 8px;
    width: 250px;
    background: #fff url(/maintenance/images/bkgd-grad-red.gif) 0 0 repeat-x;
    text-align: center;
}

.multiLine {
    display: block;
}

.validator p {
    margin: 0 0 3px 0;
}


table.mceLayout {
    margin-bottom: 5px !important;
}


.required {
    color: #BE0000 !important;
    font-weight:bold;
    font-size: 12px;
}

h1 .required, h2 .required, h3 .required, h4 .required, h5 .required
{
	margin: 0 10px 0 0;
	float:right;
}

.photoPnl .btnLt { margin-top: 20px; }

#introduction table { margin-top: 20px; }

/* Box Default CSS
================================================*/

.box {
    margin:0.5em 0;
    width: 50%;
}

.boxDynamic {
	width: auto;
	margin: 0;
}

.login .box { width: 550px; margin: auto; }

/* Top corners and border */
.boxTop {
	height:16px;
	margin:0 0 0 16px;
	background:url(/maintenance/images/box.gif) no-repeat 100% 0;
}
.boxTop div {
	position:relative;
	left:-16px;
	width:16px;
	height:16px;
	background:url(/maintenance/images/box.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.boxBtm {
	height:16px;
	margin:0 0 0 16px;
	background:url(/maintenance/images/box.gif) no-repeat 100% 100%;
}
.boxBtm div {
	position:relative;
	left:-16px;
	width:16px;
	height:16px;
	background:url(/maintenance/images/box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.boxWrap {
	padding:0 0 0 11px;
	background:url(/maintenance/images/borders.gif) repeat-y 0 0;
}
	/* Right border */
.boxContent {
	padding:0 11px 0 0;
	background:url(/maintenance/images/borders.gif) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.boxBody {
	display:block;
	margin:0;
	background:#fff;
	padding: 20px;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.boxBody:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.boxBody {display:inline-block;}
.boxBody {display:block; position: relative; }
/*================================================
Box Default CSS ends here */


.box .searchPanel 
{
	border: solid #ddeffa 1px;
	background: #fff;
	margin: 0;
}

.box .searchPanel .pnlHeader
{
	font-weight: bold;
	padding: 3px 5px;
	background: #FFFFFF url(/maintenance/images/bkgd-grad-btm-lt-blue.gif) repeat-x scroll left bottom;
}

.box .searchPanel table
{
	margin: 0;
}

.box table.statusDisplay
{
    width:210px;
}

.box .statusDisplay table td 
{
    text-align:left;
}


.box table {
}

.box table table{
}

.box table table td {
	padding-top: 0;
}

.homePageEdit .box {
    float: left;
}

.homePageEdit .box table.info {
    width: 100%;
}

/* Message Box */
.message {
    width: 100%;
}

.message .boxTop,
.message .boxTop div,
.message .boxBtm,
.message .boxBtm div {
	background-image:url(/maintenance/images/box-msg.gif);
}

	/* Left border */
.message .boxWrap {
	padding:0 0 0 16px;
	background-image:url(/maintenance/images/borders-msg.gif);
	background-repeat: repeat-y;
}
	/* Right border */
.message .boxContent {
	padding:0 16px 0 0;
	background-image:url(/maintenance/images/borders-msg.gif);
	background-repeat: repeat-y;
}

.message .boxBody {
	padding: 0 5px;
}

.error .message .boxBody {
	padding: 5px 10px 5px 45px;
	background: #fff url(/maintenance/images/icon-alert.gif) 8px 2px no-repeat;
	font-weight: bold;
}

.error .message .boxTop,
.error .message .boxTop div,
.error .message .boxBtm,
.error .message .boxBtm div {
	background-image:url(/maintenance/images/box-alert.gif);
}
	/* Left border */
.error .message .boxWrap {
	padding:0 0 0 16px;
	background-image:url(/maintenance/images/borders-alert.gif);
	background-repeat: repeat-y;
}
	/* Right border */
.error .message .boxContent {
	padding:0 16px 0 0;
	background-image:url(/maintenance/images/borders-alert.gif);
	background-repeat: repeat-y;
}


#adminContent .message h2 {
    color: #4B8A01;
    border: none;
    padding-bottom: 0;
}



/* Error Box */


#adminContent .error h2 {
    color: #de991c;
    border: none;
    padding-bottom: 0;
}



/* Specific Content */

.adminSiteSetup{
	width: 55%;
	float: left;
}

.adminAddEditUsers{
	width: 530px;
}

.adminSetupInfo{
	width: 40%;
	float: left;
}

.adminSiteContent{
	width: 560px;
	float: left;
}

.adminUsers {
	width: 400px;
	float: left;
}

.adminEvents {
	width: 53%;
	float: left;
}

.adminSponsors {
	width: 43%;
	float: left;
}

.loginBox {
    width: 500px;
    margin: 0 auto;
}

.adminSiteContent td, .adminUsers td { width: 125px; }

#breadCrumb
{
	float:left;
	margin-left:5px;
	width: 800px;
	line-height:1.8em;
	font-weight: bold;
	border-left:1px solid #CCCCCC;
	padding: 0 0 0 18px;
	color: #555;
}

a.icon, .icon { 
    display: block;
    float: right;
    padding: 0 0 0 21px;
    background: url(/maintenance/images/icon-add.gif) 0 3px no-repeat;
    line-height: 1.8em;
    margin: 0 0 0.5em 10px;
}

h1 a.icon, h2 a.icon, h3 a.icon, h4 a.icon, h5 a.icon
{
	float:right;
	font-size: 12px;
}

a.icon.add {
    background: url(/maintenance/images/icon-add.gif) 0 3px no-repeat;
}

a.icon.edit {
    background: url(/maintenance/images/icon-edit.gif) 0 3px no-repeat;
}

a.icon.remove, a.icon.delete {
    background: url(/images/devToolsCMS/20x20-icons/close.png) 0 3px no-repeat;
}

a.icon.back {
    background: url(/maintenance/images/icon-back.gif) 0 5px no-repeat;
    float: left;
    width: 40px;
}

a.icon.excel {
    background: url(/maintenance/images/xls.gif) 0 3px no-repeat;
}

a.icon.print {
    background: url(/maintenance/images/printer.gif) 0 3px no-repeat;
}

a.icon.email {
    background: url(/maintenance/images/icon-email.gif) 0 3px no-repeat;
}

a.icon.file {
    background: url(/maintenance/images/icon-docs.gif) 0 3px no-repeat;
}

a.icon.approveComment {
    background: url(/images/devToolsCMS/20x20-icons/check.png) 0 0 no-repeat;
    padding-left: 22px;
    float: left;
}

a.icon.deleteComment {
    background: url(/images/devToolsCMS/20x20-icons/delete.png) 0 0 no-repeat;
    padding-left: 23px;
    float: left;
}

a.icon.clear{
	float:none;
    margin:0;
}


.tooltipIcon .tooltip  
{
    background:url("/images/DevToolsCMS/20x20-icons/help.png") no-repeat scroll top right transparent; 
    border: 0;
    padding: 3px 8px;
    margin-left: 5px;
}


.chkShowAll {
    float:right;
    margin-bottom: 10px;
}

.timeBox {	
	float: left;
}

.daysList label, .daysList input {	
	display: block;
	float: left;
}

.daysList label {	
	width: 67px;
	margin-top: 4px;
}

/* Class Form Builder Styles */
.classFormOptions
{
	width:100%;
	margin-bottom: 10px;
}
.classFormOptions td
{
	border-bottom: 1px solid #ddeffa;
}
.classFormOptions input, .classFormOptions label 
{
	float: left;
	cursor:hand;
	cursor:pointer;
}
.classFormOptions label 
{
	display:block;
	width: 90%;
	padding: 0 0 0 10px;
}

#classRoster
{
	text-align:center;
	width: 100%;
}

#classBreadcrumb
{
	padding: 2px 10px;	
}

/* make username a different color to make it easier on the eyes on user list page */
.userName
{
	color: #000;
}

/* Drag & Drop Reorder control */
.dragHandle {
	height:17px;
	background: url(/maintenance/images/icon-move.gif) 0 2px no-repeat;
	cursor:move;
	position: absolute;
	top: 2px;
	left: 0;
	width: 250px;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#DDEFFA;	
	color:Black;
}


.reorderListDemo li {
	list-style:none;
	margin:2px;
	padding:2px;
	/* background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x; */
	border: solid 1px #DDEFFA;
	color:#000;
	font-weight:bold;
	width: 250px;
	position: relative;
}

.reorderListDemo li table {
    margin-top: 0;
}
.reorderListDemo li td {
    padding: 0;
}

.reorderCue {
	border:dashed 1px #666;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

/* Status pop-up Styles */
	
.statusHdr 
{
	font-weight: bold;
	width: 350px;
	border: 1px solid #DDEFFA;
	padding: 5px 10px;
	font-size: 0.85em;
	color: #4B7A98;
	background: #EFF9FF;
}

.statusBdy 
{
	border-bottom: 1px solid #DDEFFA;
	border-left: 1px solid #DDEFFA;
	border-right: 1px solid #DDEFFA;
	width: 350px;
	padding: 5px 10px;
	font-size: 0.85em;
	color: #000000;
	background: #FFFFFF;
	line-height: 1.5em;
}

.tooltip 
{
	border-bottom: double 3px #6693d1;
	cursor: help;
}

#settingsPage .tooltip 
{
	margin-left: 10px;
}

/* Wizard steps & title */
.custRegForm
{
	width:400px;
	float:left;	
	margin-top: 10px;
}

#wizardSteps {
  margin: 10px auto;
  width: 300px;
}


#wizardSteps h4
{
	margin: 0 20px .5em 0;
}

#wizardSteps .curStep
{
	font-weight: bold;
}




/*
JGrowl Styles
*/

div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification.errorMsg
{
	background-color: #990000;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}




/*
------------------ Lightbox Style Popup ----------------------
*/

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:999;
}
#popupWnd{
	display:none;
	position:absolute;
	height:384px;
	width:408px;
	background:#fff;
	border:2px solid #cecece;
	z-index:1000;
	padding:12px;
}
#popupWnd h1{
	margin: 0px;
}
#popupWnd p {
	margin-top: 0px;
}
#popupWnd .mojoToolsBtn{
	float: right;
}
/*
#popupWnd div {
	float: left;
	width: 175px;
	margin: 0 5px 5px 0;
	text-align: center;
}
*/
#popupWnd div img 
{
	display:block;
	width: 175px;
	height: 30px;
}
#popupClose{
	padding: 5px 5px 10px 10px;
	font-size:16px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color: #737373;
	font-weight:bold;
	display:block;
	cursor: pointer;
	cursor:hand;
}


.confYes {
}


#popupClose.confNo {
	padding: 0 0 0 5px;
	font-size:12px;
	line-height:1.5em;
	right:0px;
	top:0px;
	position:relative;
	color: #0D69D0;
	font-weight:bold;
	display:block;
	cursor: pointer;
	cursor:hand;
}

/* Tab Styles */
.ui-tabs-hide { display: none; }

.tabPanel, .ui-tabs-panel, 
.ui-tabs .ui-tabs-panel
{
	margin: 0;
	border: 1px solid #bebebe;
	clear:both;
	padding: 10px;
}
/* end tab styles */

/* Begin Sortable Styles */
#sortable, #sortable ul
{
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#sortable.showListDecimal
{
	list-style-type: decimal;
	padding: 0 20px 0 0;
	margin: 0 0 0 30px;
}


#sortable * 
{
	cursor: hand;
	cursor: pointer;
}

#sortable li
{	
	zoom: 1;    	              
}

#sortable li.sortablePlaceholder
{
	margin-bottom:5px;
	background-color: #eff9ff;    
	border: 3px solid #ddeffa;
	height: 100px;           
}

#sortable li.sortablePlaceholderShort
{
	margin-bottom:5px;
	background-color: #eff9ff;    
	border: 3px solid #ddeffa;
	height: 50px;           
}


#sortable.sortSharedContent li
{
	padding: 0 0 5px 20px;
}

#sortable.sortSharedContent.showListDecimal li
{
	padding: 0 0 5px 0;
}
	
#sortable li.noSort
{
	cursor: text;
}

#sortable li.cat, li.doc, li.sortItem
{
	background: url(/maintenance/images/icon-move.gif) top left no-repeat;          
}

#orderCarouselItems 
{
	margin-top:30px;
}
/* End Sortable Styles */


/* Shared Content/Webpage maintenance Styles */
#sharedContentInPage a.icon, #sharedContentInPage .icon
{
	margin-left: 0px;
}

#sharedContentInPage table td 
{
	padding: 0;
}
/* End Shared Content Styles */

.defaultPicker
{
	width: 20px;
	height: 17px;
	background: url("/maintenance/images/icon-timePicker.png") 2px 2px no-repeat;
	float: left;
	cursor: pointer;
	cursor: hand;
	position: relative;
}
.defaultPicker .optList
{
    display: none;
    position: absolute;
    top: 0px;
    left: 20px;    
	border-top: 2px solid #DDEFFA;
	border-bottom: 1px solid #DDEFFA;
	border-right: 2px solid #DDEFFA;
	border-left: 2px solid #DDEFFA;
	z-index: 999;
	background-color: #fff;
}
.optList div
{
	padding: 2px 3px;
	background: #fff;
	border-bottom: 1px solid #DDEFFA;
	border-right: 1px solid #DDEFFA;
	text-align: center;	
}

.optList.timePicker 
{
	width: 141px;	
	height: 228px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.optList.timePicker div
{
	float: left;
	width: 55px;
}

.optList .hover
{
	background: #EFF9FF;	
}

/* hide all spans... for data storeage only */
.defaultPicker span
{
	display: none;
}

/* 
----------TinyMCE Editors----------
*/
.tinyMceLarge 
{
    width: 97%;
    height: 400px;
}

.tinyMceMedium 
{
    width: 97%;
    height: 200px;
}

.tinyMceSmall
{
    width: 97%;
    height: 100px;
}

/* 
----------Template Picker---------- 
*/
.templateList .template 
{
    width: 95%;
    padding: 20px;
    margin-bottom: 30px;
    border-style: solid;
    border-color: #BEBEBE #BEBEBE #6EBD57 #BEBEBE;
    border-width: 2px 2px 6px;
}

.templateList a 
{
    display: block;
    text-decoration:none;
    color: #333;
}

.templateList a .template img
{
    border: none;
}

/* 
----------Progress Indicator---------- 

background: url('/images/DevToolsCMS/step-active-sep.png') right 0 no-repeat;
background: url('/images/DevToolsCMS/step-inactive-sep.png') right 0 no-repeat;
	background: url('/images/DevToolsCMS/step-active.png') repeat-x; 
	background: url('/images/DevToolsCMS/step-inactive.png') repeat-x; 
*/

#formSteps {	
	margin-bottom: 20px;
	background: url('/images/DevToolsCMS/step-inactive.png') repeat-x;
	border: solid 1px #8c8d8c;
	overflow: hidden;
}

#formSteps ul { list-style: none; margin: 0; padding: 0; }

#formSteps li { float: left; }

#formSteps li span  
{
    display: block;
    padding: 5px 18px 5px 23px;
    background-image: url('/images/DevToolsCMS/step-inactive-sep.png');
    background-position: left 0;
    background-repeat: no-repeat;
    margin-left: -13px;
}

#formSteps li.last { 
    background-image: url('/images/DevToolsCMS/step-inactive-sep.png');
    background-position: right 0;
    background-repeat: no-repeat; 
}

#formSteps li.active { background: url('/images/DevToolsCMS/step-active.png') repeat-x;}
#formSteps li.active span { background-image: url('/images/DevToolsCMS/step-active-sep.png');}

#formSteps li.active a,
#formSteps li.active span { color: #fff; text-decoration: none; font-weight: bold; }
#formSteps li.active a:hover { text-decoration: underline; }

#formSteps .last strong { font-weight: normal; background: url('/images/DevToolsCMS/step-inactive-sep.png') right 0 no-repeat; display: block; }
#formSteps .active strong { font-weight: bold; }

/* 
----------Basic image classes---------- 
*/
.imgLt 
{
	float: left;
	margin: 0 20px 20px 0;
}
.imgRt 
{
	float: right;
	margin: 0 0 20px 20px;
}

/* 
----------Progress Indicator---------- 
*/
#addContent a , .ContentTypes a
{	
    color: #0A52AF;
    cursor: pointer;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 5px 5px 5px 40px;
    width: 90%;
}
#addContent li:hover a, .ContentTypes li:hover a { text-decoration: none; color: #487ebf; }

#ulAddPage
{
    border-right: 1px solid black;
    padding-right:35px;
}


/* 
----------Content Block---------- 
*/
.buttonBar .btnPanel
{
	padding: 10px;
}
.previewPhoto 
{
    float: left; 
    width: 225px
}
#buttonWrapper
{
	width: 435px;
	margin: 10px auto 0 auto;
	padding: 5px 3px 5px 10px;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
}
#buttonWrapper a
{
	margin-left: 15px;
	display: block;
	float: left;
	width: 85px;
}

.contentBlocks
{
	padding: 15px 0 0 0;
}
	
.contentBlocks .noPadding th,
.contentBlocks .noPadding td
{
	padding: 0;
}

.pnlRt
{
	position: absolute;
	/*top: -27px;
	_top: 10px;*/
	right: 20px;
	*right: 10px;
	height: 18px;
	padding: 5px 3px;
	margin-top: -30px;
}

.chkDelete 
{
  background: url("/images/DevToolsCMS/20x20-icons/close.png") no-repeat scroll right 2px;
  color: #EC1A0C;
  cursor: pointer;
  display: block;
  padding: 3px 27px 4px 3px;
  text-align: right;
}
.chkDelete label
{
	cursor: pointer;
}
.chkDelete input
{
	position: absolute;
	left: -999em;
}

#sortable fieldset p
{
	margin: 20px 0 0 0;
}

.contentBlock table
{
	Width: 100%;
}

.contentBlock .pageCopy
{
	width: 595px;
	float: left;
}
.contentBlock .mceLayout
{
	margin-top: 0px;
}
.mediaPicker
{
	text-align: center;
	float: right;
	padding: 10px;
	width: 200px;
	border: 1px solid #BEBEBE;
	cursor: pointer;
	background: #F6F6F6;
	margin: 20px 0 0 0;
}
.mediaPicker .mediaCaption,
.mediaPicker .pnlPhoto,
.mediaPicker .pnlAlign
{
	border: 1px solid #BEBEBE;
	background: #FFF;
	margin: 10px 0 0 0;
}
.mediaPicker .pnlAlign .rowLabel
{
	text-align: left;
	padding: 0 0 0 10px;
}
.mediaCaptionEdit .filePnl,
.mediaCaptionEdit .linkPnl
{
	display: none;	
}
.mediaCaptionEdit .fileName
{
	color: #0D69D0;	
}
.mediaCaptionEdit .separator
{
	display: block;
}

.mediaPicker .link 
{
	color: #0D69D0;
	text-decoration: underline;
}
.contentBlock .mediaPicker .mediaCaption
{
	text-align: center;
}
.contentBlock .mediaPicker .inlineLabel
{
	float: left;
	margin: 3px 10px 0 10px;
	font-weight: bold;
}
.boxContent .contentBlock .mediaPicker table { margin: 0 0 5px 0; }
.contentBlock .mediaPicker table td { padding: 0 5px 0 5px; }

.separator { width: 100%; height: 6px; background:#6EBD57; border: none; margin: 30px 0; }


/* 
----------Add To Nav Wizard---------- 
*/
#addToNav a, .btnList ul a
{
	margin: 10px 50px;
	padding: 8px 40px;	
	font-weight: bold;
}
#addToNavYes, .btnYes
{
	background: url("/images/DevToolsCMS/30x30-icons/check.png") 0px 0px no-repeat;	
}
#addToNavNo, .btnNo
{
	background: url("/images/DevToolsCMS/30x30-icons/no.png") 0px -1px no-repeat;	
}
#selectNav ul, .btnList ul
{
	list-style: none;	
}
#selectNav ul a, .btnList ul a
{
	display: block;
	font-weight: bold;
}



/* Buttons */

.mojoToolsBtnBuddy {
	display: block;
	float: left;
}

.mojoToolsBtn {
	display: block;
	background-image: url(/images/DevToolsCMS/btn-sm-lt.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	padding: 0 0 0 5px;
	text-align: center;
	line-height: 1.5;
	margin: 0;
	text-decoration: none;	
	height:30px;
}

h1 .mojoToolsBtn, h2 .mojoToolsBtn, h3 .mojoToolsBtn, h4 .mojoToolsBtn, h5 .mojoToolsBtn
{
	float:right;
	font-size: 12px;
}

.mojoToolsNoBtn {
   color: #f00;
	display: block;
	float: left;
	padding: 0 0 0 5px;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 0 5px;
	text-decoration: none;	
	height:19px;
}

.mojoToolsBtn span{
	display: block;
	background-image: url(/images/DevToolsCMS/btn-sm-rt.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 5px 15px 0 10px;
	height:30px;
    width: .1em; /* Causes IE6 to shrink-to-fit */
    white-space: nowrap;
}

.btnMultipleTags 
{
	display: inline-block;
	*display: inline;
	zoom: 1;
	background-image: url(/images/DevToolsCMS/btn-multiple-locations-lt.png);
	background-position: left 0px;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	text-align: center;
	line-height: normal;
	margin: 0 0 0 10px;
	text-decoration: none;	
	height: 19px;
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.btnMultipleTags span{
	display: block;
	background-image: url(/maintenance/images/btn-sm-rt.gif);
	background-position: right 0px;
	background-repeat: no-repeat;
	padding: 2px 5px 0 2px;
	height: 17px;
    _width: .1em; 
    font-size: 12px;
}

.btnMultipleTags:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}
a.mojoToolsBtn { font-weight: bold; color: #333; }
a.mojoToolsBtn:hover { }

a.secAction,
a.secAction:hover { background-image: url(/images/DevToolsCMS/btn-sec-lt.png); color: #fff !important; zoom: 1; }
a.secAction span,
a.secAction:hover span { background-image: url(/images/DevToolsCMS/btn-sec-rt.png); color: #fff !important; zoom: 1; }
a.mojoToolsBtn.imgRt 
{
    float: right;
}

.submitBtn {
	display: block;
	background: url(/images/DevToolsCMS/btn-submit-lt.png) left top no-repeat;
	float: right;
	padding: 0 0 0 5px;
	text-align: center;
	line-height: 1.5;
	margin: 0;
	text-decoration: none;	
	height:40px;
	zoom: 1;
}

.submitBtn input {
	 /*display: block; */
	background: url(/images/DevToolsCMS/btn-submit-rt.png) right top no-repeat;
	padding: 0 20px 3px 15px;
	*padding: 0 5px 3px 0px;
	height:40px;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 18px !important;
	border: none;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	line-height: normal;
	cursor: pointer;
	zoom: 1;
    white-space: nowrap;
    -webkit-appearance: none;
    border-radius: 0;
    margin-left: 0;
}
.submitBtn:hover,
.mojoToolsBtn:hover,
.ui-state-hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}


#mojoToolsBarContent .mojoToolsBtn {
	display: block;
	background: url(/maintenance/images/btn-dk-sm-lt.gif) left top no-repeat;
	font-size: 11px;
}

#mojoToolsBarContent .mojoToolsBtn span{
	background: url(/maintenance/images/btn-dk-sm-rt.gif) right top no-repeat;
}

.mojoToolsBtn.btnProcess
{
	margin-right: 50px;
	background: url(/maintenance/images/btn-sm-highlight-lt.gif) left top no-repeat;
}

.mojoToolsBtn.btnProcess span{
	display: block;
	background: url(/maintenance/images/btn-sm-highlight-rt.gif) right top no-repeat;
	color: #990000;
}

.warningArrow 
{
    padding-left: 60px;
    background: url(/maintenance/images/arrow-giant.png) 0 0 no-repeat;
    font-size: 14px;
    line-height: 1.3em;
}

.finalEmail { position: relative; }

.finalEmail .btnWarning 
{
    font-size: 14px;
    line-height: normal;
    width: 150px;
    font-weight: bold;
}
.finalEmail .btnWarning strong
{
    color: #cc0000;
}

.finalEmail #segments p
{
    font-size: 14px;
    line-height: 1.3em;
    margin: 0 0 0.5em 0;
}

.finalEmail #segments li
{
    font-size: 16px;
    color: #1364be;
    font-weight: bold;
    line-height: normal;
}

.finalEmail #segments ul
{
    margin: 0 0 0.5em 0;
}

.finalEmail .submitBtn
{
    margin-right: 23px;
}

.randomPwdBtn
{
	width: 60px;
	float:right;
}

.mojoToolsBtn > span {
	width: auto; /* Allows other browsers to shrink-to-fit*/
}

.btnHolder .mojoToolsBtn {
    float: none;  /*Keeps buttons from collapsing in IEs */
}

.btnHolder .mojoToolsBtn span{
    width: auto;  /*Allows button to exapn properly in IE6 */
}

.mojoToolsBtn .tooltip, #mojoToolsBarContent .mojoToolsBtn .tooltip {
    display: inline;
    background: none;
    padding: 0;
    height: auto;
    width: auto;
}
#mojoToolsBarContent .mojoToolsBtn .tooltip  {
    border-bottom-color: #0D69D0;
}

#mojoToolsBarContent .mojoToolsBtn {
    position: relative;
    top: 8px;
    left: 5px;
}

#mojoToolsBarContent .mojoToolsBtn:hover {
    color: #666666;
}

#mojoToolsBarContent .mojoToolsBtn:hover .tooltip {
    border-bottom: 3px double #5cae00;
}

th .mojoToolsBtn, th .mojoToolsBtn span
{
	font-weight: normal;
}

/* End buttons */






/* 
---------------------------- Tag Tree & Content Types ---------------------------- 
*/
.orphanedContent td .contentType { padding: 6px 5px 6px 0; display: block; }
.orphanedContent .edit  { padding: 6px 5px 6px 35px; display: block; }
.orphanedContent .mojoToolsBtn { margin-top: 6px; }
    
.systemUseOnly { display: none !important; }

.key {
	list-style:none;
	margin: 0;
	padding: 0;	
	width: 150px;
	position: absolute;
	top: 5px;
	right: 20px;
	color: #555555;
	font-size: 10px;
	background: #fff;
	padding-left: 10px;
}
.key li {
	display: block;
	line-height: 12px;
}
.key li img {
	vertical-align: middle;
}

.tagTree { margin: 0 0 10px 0; }

.tagTree .disabled { color: #C0C0C0; } /* temp class to be used until disabled folders are styled */
#customContent .disabled { display: none; } /* ToDo: Simply Hide the custom tools that are not enabled, users have no reason to see them */
.editContent #siteSections { background: url("/images/DevToolsCMS/bg-tag-tree-icons.png") top right repeat-y; }

.tagTree,
.tagTree ul,
.btnPicker
{
	list-style: none;
	padding: 0;
}
.btnPicker
{
	padding: 0 0 0 30px;
	margin: 0;
}
.tagTree li li
{
	padding: 0 0 0 30px;
	margin: 0;
	background: url("/images/DevToolsCMS/30x30-icons/li-bg.png") 0px 0px no-repeat;
}
.tagTree li li.last
{
	background: url("/images/DevToolsCMS/30x30-icons/li-bg-last.png") 0px 0px no-repeat;
}
.tagTree ul
{
	margin: 0;
	background: url("/images/DevToolsCMS/30x30-icons/ul-bg.png") 0px 0px repeat-y;
}


.tagTree a
{	
	cursor: pointer;
	padding: 5px 5px 5px 35px;
	background: url("/images/DevToolsCMS/30x30-icons/folder-blue.png") 0px 0px no-repeat;
	position: relative;
	text-decoration: none;
	color: #000;
	display: block;
	border: 1px dashed #fff;
	letter-spacing: 1px;
	font-size: 14px;
	border-bottom: 1px dashed #DDEFFA;
	zoom: 1;
}

.tagTree a .deleteContent
{
	position: absolute;
	top: 5px;
	right: 5px;	
	border: none;
}

.tagTree .btnOpenClose
 {
  background: url("/images/DevToolsCMS/custom/circle-plus.png") no-repeat scroll center center transparent;
  cursor: pointer;
  float: left;
  height: 30px;
  margin-left: -30px;
  width: 30px;
}

.tagTree .open
 {
  background: url("/images/DevToolsCMS/custom/circle-minus.png") no-repeat scroll center center transparent;
}

#lnkExpandCollapseAll {
  background: url("/images/DevToolsCMS/custom/circle-plus.png") no-repeat scroll left center transparent;
  cursor: pointer;
  display: block;
  padding-left: 20px;
}

#lnkExpandCollapseAll.open {
  background: url("/images/DevToolsCMS/custom/circle-minus.png") no-repeat scroll left center transparent;
}

.tagTree .defaultPage
{
	color: #C0C0C0;
	float: right;
	font-size: 10px;
	padding: 6px 25px 5px 10px;
	margin: 0 5px 0 0;
	background: url("/images/DevToolsCMS/20x20-icons/help.png") no-repeat scroll right center transparent;
	position: relative;
    z-index: 50;	
}

.tagTree .defaultPage span
{
	background: none;
	color: #C0C0C0;
	display: inline;
	font-size:inherit;
	border: none;
}

.tagTree .btnSetDefaultPage
{
	width:30px; 
	height:30px;
	margin: -6px 0 0 -62px;
	z-index: 10;
	float:left;	
	background: url("/images/DevToolsCMS/20x20-icons/radio-btn.png") no-repeat scroll center center transparent;
}

.tagTree .hover
{
	background: url("/images/DevToolsCMS/20x20-icons/radio-btn-hover.png") no-repeat scroll center center transparent;
}

.tagTree .isDefaultPage
{
	background: url("/images/DevToolsCMS/20x20-icons/radio-btn-chkd.png") no-repeat scroll center center transparent;
}

.tagTree .content
{
	margin: 0 0 0 25px;	
}


.flagList  {}

.flagList  
{
    	/* Start Inline-Block */
	display: inline-block;
	*display: inline;
	zoom: 1;
	/* End Inline-Block */
	position: absolute;
	top: 2px;
	right: 90px;	
	border: none;
	height: 20px;
	/*background: url('/images/DevToolsCMS/bg-flaglist.png') right 0 repeat-y;*/
	/*border-right: dashed 1px #9ebadd;*/
	padding: 2px 5px;
     }
.flagList img { margin-right: 5px; }

.tagTree a .inNavigation { right: 180px; border: none;}
.tagTree a .underConstruction { right: 150px; border: none;}
.tagTree a .hasNotes { right: 120px; border: none; }
.tagTree a .deleteContent {	color: #E40A00;	font-size: 11px; background: #fff; margin: -5px; padding: 4px 3px 3px 3px; }
.tagTree a .deleteContent img {	border: none; vertical-align: middle; }

.tagTree a:hover {
	border: 1px solid #5087D9;
}
.tagTree a.protected:hover
{
	border: 1px dashed #fff;
}


.tagTree a.protected {
	background: url("/images/DevToolsCMS/30x30-icons/folder-locked.png") 0px -3px no-repeat;
}

.tagTree a.restricted {
	background: url("/images/DevToolsCMS/30x30-icons/folder-restricted.png") 0px -3px no-repeat;
}

#customContent li a span  
{
	font-size: 22px;
	font-weight: bold;
    color: #5db644;
}
#customContent li li a span
{
	font-size: 14px;
	font-weight: normal;
    color: #000;
}

.tagTree a.selectedLock,
#customContent a.selectedLock {
	background: url("/images/DevToolsCMS/30x30-icons/check-locked.png") 0px -2px no-repeat;
}
.tagTree a.news,
.news {
	background: url("/images/DevToolsCMS/30x30-icons/news.png") 0px -1px no-repeat;
}
.tagTree a.newsList,
.newsList {
	background: url("/images/DevToolsCMS/30x30-icons/news-info.png") 0px -1px no-repeat;
}
.tagTree a.event,
.event {
	background: url("/images/DevToolsCMS/30x30-icons/event.png") 0px -3px no-repeat;
}
.tagTree a.eventList,
.eventList {
	background: url("/images/DevToolsCMS/30x30-icons/event-info.png") 0px -1px no-repeat;
}
.tagTree a.webPage,
.webPage {
	background: url("/images/DevToolsCMS/30x30-icons/webpage.png") 0px 0px no-repeat;
}
.tagTree a.nav,
.navigation,
.nav {
	background: url("/images/DevToolsCMS/30x30-icons/link.png") 0 0 no-repeat;
}
.nav {
	background-position: 0 0;
}
.navAdd {
	background: url("/images/DevToolsCMS/30x30-icons/link-add.png") 0 0 no-repeat;
}
.tagTree a.blogPost,
.blogPost,
.blog ,
.tagTree .blog {
	background: url("/images/DevToolsCMS/30x30-icons/blog-post.png") 0 0 no-repeat;
}
.tagTree a.blogList,
.blogList {
	background: url("/images/DevToolsCMS/30x30-icons/blog-info.png") 0px -1px no-repeat;
}
.tagTree a.file,
.file {
	background: url("/images/DevToolsCMS/30x30-icons/file.png") 0px 0px no-repeat;
}
.fileAdd {
	background: url("/images/DevToolsCMS/30x30-icons/file-add.png") 0px 0px no-repeat;
}
.tagTree a.photo,
.mediaImage,
.photo {
	background: url("/images/DevToolsCMS/30x30-icons/photo.png") 3px 0px no-repeat;
}
.tagTree a.imageCarousel,
.imageCarousel {
	background: url("/images/DevToolsCMS/30x30-icons/image-carousel.png") 3px 0px no-repeat;
}
.tagTree a.photoAdd,
.photoAdd {
	background: url("/images/DevToolsCMS/30x30-icons/photo-add.png") 0px 0px no-repeat;
}
.tagTree a.sharedContent,
.sharedContent {
	background: url("/images/DevToolsCMS/30x30-icons/shared-content.png") 0px 0px no-repeat;
}
.tagTree a.selected,
.tagTree a.selectedLock,
#customContent a.selected,
#customContent a.selectedLock {
	background: url("/images/DevToolsCMS/custom/selected-folder.png") 0px -2px no-repeat;
	font-weight: bold;
	font-size: 13px;
	padding-left: 42px;
}
.contentBlockAdd {
	background: url("/images/DevToolsCMS/30x30-icons/add.png") 0px 0px no-repeat;
	display: block;
}
.contentBlockReorder {
	display: block;
	white-space: nowrap;
}
.tagTree a.myComputer,
.myComputer {
	background: #fff url("/images/DevToolsCMS/30x30-icons/my-computer.png") 0px 0px no-repeat;
}
.tagTree a.close,
.close {
	background: url("/images/DevToolsCMS/30x30-icons/close.png") no-repeat scroll 10px center;
}
.tagTree a.addContent,
a.addContent {
	background: url('/images/DevToolsCMS/30x30-icons/add.png') 0px 0px no-repeat;
}
.tagTree a.editContent,
a.editContent {
	background: url('/images/DevToolsCMS/30x30-icons/edit.png') 0px -1px no-repeat;
}


.tagTree a.disabled { background: url("/images/DevToolsCMS/30x30-icons/folder-disabled.png") 0px 0px no-repeat; }

.tagTree a.disabled.protected {
	background: url("/images/DevToolsCMS/30x30-icons/folder-locked-disabled.png") 0px -3px no-repeat;
}

.tagTree .btnView 
{
    display: inline-block;
    height: 20px;
    width: 54px;
    position: absolute;
    right: 190px;
    top: 3px;
    background: url("/maintenance/images/btn-view.png") 0 0 no-repeat;
    line-height: 20px;
	opacity: 0.80;
	filter: alpha(opacity=80);
}
.tagTree .btnView:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

.tagTree .btnView span
{
    display: none;
}

#customContent a { background: url("/images/DevToolsCMS/30x30-icons/tools.png") 0px -2px no-repeat; }
#customContent a.disabled { background: url("/images/DevToolsCMS/30x30-icons/tools-disabled.png") 0px -2px no-repeat; }

#previewImg
{
	position : absolute;
	top : 0px;
	right : 20px;
	border : 6px solid #CFE4F3;
	padding : 0px 20px;
	background : #fff;
	font-weight : bold;
	font-size: 14px;
	text-align : center;
	color : #555555;
	z-index: 99999;
}

.pnlPhoto { position: relative; }
.mediaIcon  
{
    height: 30px; 
    width: 30px; 
    display: none;     
}
.mediaIcon.photo, .mediaIcon.imageCarousel  
{
    position: absolute; 
    bottom: 10px; 
    left: 0px; 
    display: block; 
    background-position: 5px 0px; 
    background-color: #fff;
    padding: 5px;
}


/* Add Additional Padding on the button picker lists */
.btnPicker 
{
	/*margin: 0 0 0 30px;*/
}
.btnPicker a
{
	padding: 10px 5px 10px 35px;
	background-position: 0 center !important;
}

/* 
Set a BG Color on all the legend versions of the icons above
*/
legend.news, legend.event, legend.webpage,
legend.nav,  legend.file,  legend.photo,
legend.sharedContent,	   legend.myComputer {
	background-color: #fff;
}


.tagTree a.media,
.media {
	background: url("/images/DevToolsCMS/30x30-icons/media.png") 0px 0px no-repeat;
}
.tagTree a.video,
.mediaVideo,
.video {
	background: url("/images/DevToolsCMS/30x30-icons/media.png") 0px 0px no-repeat;
}
.tagTree a.audio,
.mediaAudio,
.audio {
	background: url("/images/DevToolsCMS/30x30-icons/audio.png") 0px 0px no-repeat;
}
.tagTree a.iframe,
.iframe,
.iFramedPage
 {
	background: url("/images/DevToolsCMS/30x30-icons/iframe.png") 0px 0px no-repeat;
}


.tagTree li .action {
	font-size: 11px;
	position: absolute;
	color: #5087D9;
	white-space: nowrap;
	padding: 2px 5px 4px 30px;
	z-index: 900;
	display: none;
}

.tagTree li .add
{
	top: 24px;
	left: 5px;
	color: #007D0B;
	background: #fff url("/images/DevToolsCMS/20x20-icons/redo.png") 5px 0 no-repeat;
	border-right: 1px solid #5087D9;
	border-bottom: 1px solid #5087D9;
	border-left: 1px solid #5087D9;
}
.tagTree li .edit
{
	top: 0px;
	right: 70px;
	color: #4A4F7D;
	background: #fff url("/images/DevToolsCMS/20x20-icons/edit.png") 5px 2px no-repeat;
	border-left: 1px solid #5087D9;
}
.tagTree li .delete
{
	top: 0px;
	right: 0px;
	color: #EC0B00;
	border-left: 1px solid #5087D9;
}


.delete{
	background: #fff url("/images/DevToolsCMS/20x20-icons/delete.png") 5px 2px no-repeat;
}

#loading
{
	padding: 3px 10px 3px 30px;
	position: absolute;
	z-index: 1000;
	display: none;
	border: 2px solid #CECECE;
	background: url("/images/DevToolsCMS/custom/loading.gif") 8px 4px no-repeat #fff;
}

.tagTree .customLinks, .customLinks  {
    background: url("/images/DevToolsCMS/30x30-icons/gear-grey.png") no-repeat scroll 0 0 transparent;
}

.tagTree .customLinks .btnEdit
{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    opacity: 0.8;
    position: absolute;
    right: 190px;
    top: 3px;
    width: 54px;
    background: url("/maintenance/images/btn-edit.png") no-repeat scroll 0 0 transparent;
}

.tagTree .customLinks .btnEdit span {
    display: none;
}

.tagTree .btnEdit:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}


/* 
------------------- popup window items -------------------
*/
#popupWnd .save
{
	margin-right: 40px;
}


/* 
------------------- Users & Groups -------------------
*/
.roleList
{
	margin: 0 0 20px 0;
}


.role
{
	display: block;
	float: left;
	width: 280px;
	padding: 10px 10px 10px 35px;
	margin: 0 20px 5px 0;
	cursor: pointer;
	background: url("/images/DevToolsCMS/30x30-icons/checkbox.png") 0px 10px no-repeat;
}

.roleList .selected
{
	background: url("/images/DevToolsCMS/30x30-icons/checkbox-checked.png") 0px 10px no-repeat;
}

.role .name
{
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #0D69D0;
}
.role:hover .name
{
	text-decoration: none;
	color: #5A99DC;
}

.role .desc
{
	display: block;
	font-size: 12px;
	color: #737373;	
}


/*
------------------- Custom Icon Classes -------------------
*/
.displayIcon {
	padding: 5px 3px 10px 35px;
	display: block;
}
.user {
	background: url("/images/DevToolsCMS/30x30-icons/user.png") 0px 0px no-repeat;
}
.userAdd {
	background: url("/images/DevToolsCMS/30x30-icons/add-user.png") 0px 0px no-repeat;
}
.group{
	background: url("/images/DevToolsCMS/30x30-icons/group.png") 0px 0px no-repeat;
}
.groupAdd {
	background: url("/images/DevToolsCMS/30x30-icons/add-group.png") 0px 0px no-repeat;
}

/*
-------------------- Form Input Stying ----------------------
*/

.checkbox input { width: 40px; border: none; }

.rbl input { margin-left: 15px; border: none; }

.rbl label { margin-right: 15px; }


/*
-------------------- Tabs Stying ----------------------
*/

.ui-corner-all { -moz-border-radius: 0; }

.ui-tabs-nav { background: url(/images/DevToolsCMS/tab-bg.png) 0 bottom repeat-x;  }
.ui-widget-header { border: none; border-bottom: 1px solid #AAAAAA; }
.ui-tabs { border: none; }


.ui-tabs .ui-state-default, .ui-tabs .ui-widget-content .ui-state-default, .ui-tabs .ui-state-active, .ui-tabs .ui-widget-content .ui-state-active  
{
    background-image: none;
	background-position: right top;
	background-repeat: no-repeat; 
	border: none; }

.ui-tabs .ui-state-default, .ui-tabs .ui-widget-content .ui-state-default,
.ui-tabs .ui-tabs-selected, .ui-tabs .ui-widget-content .ui-tabs-selected, 
.ui-tabs .ui-tabs-nav li {
	display: block;
	background-image: url(/images/DevToolsCMS/tab-inactive-lt.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: right;
	padding: 0 0 0 5px;
	text-align: center;
	line-height: 1.5;
	margin: 0 2px 0 2px;
	text-decoration: none;	
	height:32px;
}

.ui-tabs .ui-state-default a,
.ui-tabs .ui-state-default a:link,
.ui-tabs .ui-state-default a:visited,
.ui-tabs .ui-tabs-selected a {
	display: block;
	background-image: url(/images/DevToolsCMS/tab-inactive-rt.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 7px 10px 3px 5px;
	height:32px;
	color: #444;
	font-weight: bold;
	font-size: 13px;
	border: none;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	line-height: normal;
	cursor: pointer;
     /*width: .1em; Causes IE6 to shrink-to-fit
    white-space: nowrap; */
    /* Start Inline-Block */
	display: inline-block;
	*display: inline;
	zoom: 1;
	/* End Inline-Block */ }
	
.ui-tabs .ui-state-active, .ui-tabs .ui-widget-content .ui-state-active { background-image: url(/images/DevToolsCMS/tab-active-lt.png) !important;}

.ui-tabs .ui-state-active a, .ui-tabs .ui-state-active a:link, .ui-tabs .ui-state-active a:visited,
.ui-tabs-selected a, .ui-tabs-selected a:link, .ui-tabs-selected a:visited { background-image: url(/images/DevToolsCMS/tab-active-rt.png); color: #fff; }

#tabs { margin-bottom: 1em; clear: none; padding: 0; }

/*
	humanMsg Styling ----------------------------------------------------------------------------------------------------------
*/

.humanMsg {
	position: absolute;
	top: 0px;
	left: 25%;
	width: 50%;
	color: white;
	font-weight: bold;
	background-color: #4E9DD3;
	text-align: center; 
	display: none;
	opacity: 0;
	z-index: 100000;
}
.errorMsg {
    background-color: #ed3528;
}
.humanMsg .humanMsgContent {
	padding: 10px 10px 5px 10px;
	margin: 0;
}

.humanMsg .round {
    border-left: solid 2px white;
	border-right: solid 2px white;
    font-size: 1px; height: 2px;
    line-height: 0px;
}

.humanMsg h1 {
	margin: 0 0 5px 0;
	font-size: 18px;
}
.humanMsg p {
	margin: 0 0 5px 0;
}

.humanMsg a {
	display: none;
}
	
#humanMsgLog 
{
	color: white;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 200px;
	display: none;
	z-index: 10000;
	}

#humanMsgLog p {
	position: relative;
	left: 50%;
	width: 200px;
	margin: 0;
	margin-left: -100px;
	padding: 0 10px;
	line-height: 20px;
	background: #333;
	text-align: center;
	white-space: pre;
	cursor: pointer;
	}

#humanMsgLog p:hover {
	background: #222;
	}

#humanMsgLog ul {
	background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;
	margin: 0;
	padding: 0;
	position: relative;
	max-height: 180px;
	overflow: auto;
	display: none;
	}

#humanMsgLog ul li {
	color: #555;
	font-size: 12px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	display: none;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
	white-space: pre;
	}

#humanMsgLog ul li:hover {
	background: #f2f2f2;
	}

#humanMsgLog ul li:first-child {
	margin-top: 1px;
	}
	
#humanMsgLog ul li .error {
	color: #ed3528;
	}

#humanMsgLog ul li .indent {
	position: absolute;
	top: 0;
	left: 100px;
	margin-right: 200px;
	height: inherit;
	}
/*
	END humanMsg Styling ----------------------------------------------------------------------------------------------------------
*/

.postToFacebook  
{
    width: 480px; 
}
.facebookPreview 
{ 
    width: 458px; 
    padding: 10px; 
}
.facebookPreview .fbPagePhoto 
{ 
    float: left; 
    width: 50px; 
}
.facebookPreview .fbPost 
{ 
    width: 398px; 
    margin-left: 10px; 
    float: left; 
}
.facebookPreview .fbPageName, 
.facebookPreview .fbName 
{ color: #3B5998; 
  font-weight: bold; 
}
.facebookPreview .fbPicture 
{ 
    float: left; 
    width: 90px; 
}
.facebookPreview .fbCaption, 
.facebookPreview .fbDescription 
{ 
    color: #808080; 
    font-size: 11px; 
    margin-bottom: 5px;
}
.facebookPreview .fbMessage textarea 
{ 
    width: 352px; 
    margin-bottom: 5px; 
    height: 60px; 
}
.facebookPreview .fbName, 
.facebookPreview .fbDescription, 
.facebookPreview .fbCaption 
{ 
    float: left; 
    padding-left: 10px; 
    width: 250px; 
}
.facebookPreview .fbName input, 
.facebookPreview .fbDescription textarea 
{ 
    width: 250px; 
}
.facebookPreview .noPicture 
{ 
    border-left: 2px solid #CCCCCC; 
    zoom: 1;
}
.facebookPreview .noPicture .fbName, 
.facebookPreview .noPicture .fbDescription,
.facebookPreview .noPicture .fbCaption 
{ 
    width: 340px; 
}
.facebookPreview .noPicture .fbName input, 
.facebookPreview .noPicture .fbDescription textarea 
{ 
    width: 340px; 
}

.fbPageEventAdd .noPicture { border: 0; }

.fbPageEventAdd .fbName, 
.fbPageEventAdd .fbDescription, 
.fbPageEventAdd .fbCaption { padding-left: 0; }
.fbPageEventAdd .fbPageName .smallText { font-weight: normal; color: #808080; }

.qrPreview { float: right; width: 250px; margin-top: 25px;}
.marketingUrl { width: 425px; }

.formSubmissionFilter {
     width: 435px;
    margin-bottom: 10px;
}
.formSubmissionFilter input { width: 75px; }
/* Styles affecting radEditors */

.boxContent fieldset .RadEditor table {
    margin-top: 0;
}

.Default .reTool .Insert-Media { background-image: url("/images/DevToolsCMS/20x20-icons/photo.png"); }

.floatLt 
{
    float:left;
}

.floatRt 
{
    float:Right;
}

/****************************************/
/*  Form Information Display            */


    	ul.formFieldWrap
    	{
    	    list-style: none;
    	    padding: 0;
    	    margin: 0;
    	}
    	
        .formFieldWrap label 
        {
        	display: inline-block;
        	width: 150px;
        	padding: 0 10px 0 0;
        	text-align: right;
        	vertical-align: top;
        	font-weight: bold;
        }

    	ul.formFieldWrap li 
    	{
    	    padding: 0 0 5px 0;
    	}


/****************************************/