/* DM2 styles */


/********************  general layout  *******************/

body{
	margin:0px;
	background:#FFF;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size:12px;
	color:#515151;
	background:url(../images/bg-hr.gif);
}

#dm-wrapper{
	width:100%;
	background:#FFF url(../images/bg.gif) top repeat-x;
}

#dm-content{
	z-index:0;
	width:1000px;
	margin:5px 0px 30px 0px;
	text-align:left;
}


.dm-footer{
	border-top:1px solid #e9e9e9;
	font-size:10px;
	color:#999;
	overflow:visible;
	padding:4px 0px;
}

.dm-footer a:link, .dm-footer a:visited, .dm-footer a:active{
	font-size:10px;
	color:#999;
	text-decoration:none;
}

.dm-footer a:hover{
	font-size:10px;
	color:#555;
	text-decoration:none;
}

.home-footer{
	text-align:center;
	padding:10px 0px;
	margin:0px auto 10px auto;
	width:800px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#F4F4F4;
}

.home-footer a:link, .home-footer a:visited, .home-footer a:active{
	font-size:12px;
	color:#666;
}

.home-footer a:hover{
	font-size:12px;
	color:#222;
}

.hidden{ display:none;}

#spacer{
	height:3px;
	width:100%;
	background:url(../images/bg-hr.gif) top repeat-x;
	margin:3px 0px;
}

/******************** home tutorial *************************/

.tourBox-TL{ background:url(../images/homepage/box-TL.png) top left no-repeat; height:23px;width:23px; position:absolute;top:0px;left:0px;}
.tourBox-TR{ background:url(../images/homepage/box-TR.png) top right no-repeat; height:23px;width:23px; position:absolute;top:0px;right:0px;}
.tourBox-BL{ background:url(../images/homepage/box-BL.png) bottom left no-repeat; height:23px;width:23px; position:absolute;bottom:0px;left:0px;}
.tourBox-BR{ background:url(../images/homepage/box-BR.png) bottom right no-repeat; height:23px;width:23px; position:absolute;bottom:0px;right:0px;}
.tourBox-T{ background:url(../images/homepage/box-T.png) top repeat-x;}
.tourBox-R{ background:url(../images/homepage/box-R.png) right repeat-y;}
.tourBox-B{ background:url(../images/homepage/box-B.png) bottom repeat-x;}
.tourBox-L{ background:url(../images/homepage/box-L.png) left repeat-y;}
.tourBox-outer{}
.tourBox-inner{ top:17px;margin:17px;background:#fafafa;}
.tourBox-pad{}
.tourBox-outer div.close{ cursor:pointer; position:absolute; top:0px;right:0px; margin:-3px -3px 0px 0px;}
.tourBox-outer div.move{ cursor:move; position:absolute; top:0px;left:0px; margin:-3px 0px 0px -3px;}

#home-tour{
	position:absolute;
	height:298px;
	width:552px;
	margin:-12px 0px 0px -5px;
	overflow:hidden;
}

.tour-step{
	height:300px;
	width:550px;
}

.tour-link{
	cursor:pointer;
		font-size:15px;
	font-weight:bold;
	padding:0px;
}

.tourContent{
	font-size:12px;
	padding:5px 5px 5px 10px;
}

.step-off{
	background:url(/images/homepage/step-off.png) top right no-repeat;
	padding:10px 5px 0px 15px;
	cursor:pointer;
	color:#999;
}
.step-off div{
	float:left;
	font-size:45px;
	margin-right:5px;
}

.step-on{
/*	background:url(/images/homepage/step-on.png) top right no-repeat; */
	padding:10px 5px 0px 15px;
	cursor:pointer;
	color:#333;
}

.step-on div{
	float:left;
	font-size:45px;
	margin-right:5px;
}

.info-L{ background:url(/images/homepage/bg_info-left.png) top left no-repeat; }
.info-R{ background:url(/images/homepage/bg_info-right.png) top right no-repeat; }
.info-M{ background:url(/images/homepage/bg_info-rpt.png) top repeat-x; }

.info-pad{
	padding:15px 20px;
}

.sw-on{
	background:#EAEAEA;
}

/********************  homepage look at me  *******************/

.homeLook-T{
	background:url(/images/homepage/homeLook-T.gif) top repeat-x;
}

.homeLook-B{
	background:url(/images/homepage/homeLook-B.gif) bottom repeat-x;
}

.homeLook-R{
	background:url(/images/homepage/homeLook-R.gif) right repeat-y;
}

.homeLook-TR{
	background:url(/images/homepage/homeLook-TR.gif) top right no-repeat;
}

.homeLook-BR{
	background:url(/images/homepage/homeLook-BR.gif) bottom right no-repeat;
}

.homeLook-inner{
	border-left:1px solid #CCCCCC;
	padding:0px 20px;
/*	background:url(/images/homepage/homeLook-bg.gif) left repeat-y;*/
	font-size:12px;
	font-weight:normal;
}

.homeLook-pad{
	height:343px;
	padding:10px 10px 10px 0px;
}

/********************  navigation layout  *******************/


#menuWrapper{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
}

.menuRpt{
	background:url(../images/nav/menuRpt.gif) top repeat-x;
	margin:0px 11px;
	height:37px;
}

.menuLeft{
	background:url(../images/nav/menuLeft.gif) top left no-repeat;
}

.menuRight{
	background:url(../images/nav/menuRight.gif) top right no-repeat;
}


.menuON{
	background:#FCFCFC;
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
	border-bottom:1px solid #FCFCFC;
	padding:3px 16px 8px 16px;
}

.menuOFF{
	padding:5px 17px 8px 17px;
}

/*********** animated logo ********/

#logo-bg{
	margin:10px 10px 10px 0px;
	width:121px;
	height:64px;
	background:url(../images/logo/logo-bg.gif) top left no-repeat;
	position:relative;
}

#logo-d{
	position:absolute;
	width:121px;
	height:64px;
	background:url(../images/logo/logo-d.gif) top left no-repeat;	
}

#logo-m{
	position:absolute;
	width:121px;
	height:64px;
	background:url(../images/logo/logo-m.gif) top left no-repeat;
}

#logo-2{
	position:absolute;
	width:121px;
	height:64px;
	background:url(../images/logo/logo-2.gif) top left no-repeat;
}


#logo_over{
	position:absolute;
	width:121px;
	height:64px;
	cursor:pointer;
}
/*********** misc buttons ********/

.dBtn-on{
	float:left;
	margin-left:20px;
	font-size:14px;
	border:1px solid #999;
	background:#EDEDED;
	padding:5px;
}

.dBtn-off{
	float:left;
	margin-left:20px;
	font-size:14px;
	color:#CCC
	border:1px solid #CCC;
	padding:5px;
}

#faqs div.on{
	color:#4287fc;
	font-weight:bold;
	text-decoration:none;
}

#faqs div.off{
	color:#555;
	text-decoration:none;
}


/********************  boxes *******************/

.simpleBoxTL{ background:url(../images/boxes/simpleBoxTL.gif) top left no-repeat;}
.simpleBoxTR{ background:url(../images/boxes/simpleBoxTR.gif) top right no-repeat;}
.simpleBoxBR{ background:url(../images/boxes/simpleBoxBR.gif) bottom right no-repeat;}
.simpleBoxBL{ background:url(../images/boxes/simpleBoxBL.gif) bottom left no-repeat;}
.simpleBoxOuter{ border:1px solid #EEE; background:#FFF;}
.simpleBoxInner{ margin:-1px;}
.simpleBoxPad{ padding:1px;}



.boxOuter{ position:absolute;}
.boxInner{ position:relative;}
.boxInner div.close{ cursor:pointer; position:absolute; top:0px;right:0px; margin:-10px -8px 0px 0px;}
.boxInner div.help-close{ position:absolute; top:0px;right:0px; margin:-3px -8px 0px 0px;}
.boxInner div.move{ cursor:move; position:absolute; top:0px;left:0px; margin:-10px 0px 0px -8px;}
.boxInner div.minmax{ position:absolute; top:0px;left:0px; margin:-8px 0px 0px -8px;}
td.boxCorner, td.boxTop, td.boxBottom, td.boxLeft, td.boxRight{ font-size:1px; }


.popBoxTop{ background:#FFF url(../images/boxes/popBoxTBLR.gif) top repeat-x;}
.popBoxLeft{ background:#FFF url(../images/boxes/popBoxTBLR.gif) left repeat-y;}
.popBoxRight{ background:#FFF url(../images/boxes/popBoxTBLR.gif) right repeat-y;}
.popBoxBottom{ background:#FFF url(../images/boxes/popBoxTBLR.gif) bottom repeat-x;}
.popBoxContent{ background:#FFF;}


/********************  tables layout  *******************/

.th-rpt{
	background:url(../images/tables/th-rpt.gif) top repeat-x;
	border-bottom:1px solid #f5f5f5;
	padding-left:5px;
}

.th-left{
	background:url(../images/tables/th-left.gif) top left no-repeat;
	font-size:1px;
	width:9px;
}

.th-right{
	background:url(../images/tables/th-right.gif) top right no-repeat;
	font-size:1px;
	width:9px;
}

.tf-rpt{
	background:url(../images/tables/tf-rpt.gif) bottom repeat-x;
	padding-left:5px;
}

.tf-left{
	background:url(../images/tables/tf-left.gif) bottom left no-repeat;
	font-size:1px;
	width:9px;
}

.tf-right{
	background:url(../images/tables/tf-right.gif) bottom right no-repeat;
	font-size:1px;
	width:9px;
}

.table td.tb{
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	padding:3px;
	background:#FFF;
}

.table td.tb-first{
	border-left:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	padding-left:5px;
}

.table td.nb{
	border-right:0px solid #f5f5f5
}

.table td.tb-last{
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	padding-right:5px;
}

.table td.alt{
	background:#F9F9F9;
}

.table td.active{
	background:#FFFFEE;
}

.row-hover, tr.row-hover, tr.row-hover td, tr.row-hover td.alt, tr.row-hover td.active, tr.row-hover td.active alt, .cell-hover{ background:#eaf5ff !important; }

#faqs tr.row{ background:#FDFDFD;}


.pagedBottomRpt{ background:url(../images/tables/paged-bottom-rpt.gif) bottom repeat-x;}
.pagedBottomLeft{ background:url(../images/tables/paged-bottom-left.gif) bottom left no-repeat;}
.pagedBottomRight{ background:url(../images/tables/paged-bottom-right.gif) bottom right no-repeat;}
.pagedBottomPad{ padding:2px 10px 5px 10px;}

.pagedTopRpt{ background:url(../images/tables/paged-top-rpt.gif) top repeat-x;}
.pagedTopLeft{ background:url(../images/tables/paged-top-left.gif) top left no-repeat;}
.pagedTopRight{ background:url(../images/tables/paged-top-right.gif) top right no-repeat;}
.pagedTopPad{ padding:5px 10px 2px 10px;}

.tbT{ background:#f6f6f6 url(../images/tables/tbT.gif) top repeat-x; }
.tbB{ background:url(../images/tables/tbB.gif) bottom repeat-x; }
.tbL{ background:url(../images/tables/tbL.gif) left repeat-y; }
.tbR{ background:url(../images/tables/tbR.gif) right repeat-y; }
.tbTL{ background:url(../images/tables/tbTL.gif) top left no-repeat; }
.tbTR{ background:url(../images/tables/tbTR.gif) top right no-repeat; }
.tbBR{ background:url(../images/tables/tbBR.gif) bottom right no-repeat; }
.tbBL{ background:url(../images/tables/tbBL.gif) bottom left no-repeat; }
.tbPad{ padding: 5px 10px; }

.ttT{ background:#f6f6f6 url(../images/tables/ttT.gif) top repeat-x; }
.ttB{ background:url(../images/tables/ttB.gif) bottom repeat-x; }
.ttL{ background:url(../images/tables/ttL.gif) left repeat-y; }
.ttR{ background:url(../images/tables/ttR.gif) right repeat-y; }
.ttTL{ background:url(../images/tables/ttTL.gif) top left no-repeat; }
.ttTR{ background:url(../images/tables/ttTR.gif) top right no-repeat; }
.ttBR{ background:url(../images/tables/ttBR.gif) bottom right no-repeat; }
.ttBL{ background:url(../images/tables/ttBL.gif) bottom left no-repeat; }
.ttPad{ padding: 5px 10px; }

table.signup-desc td.tl{background:transparent url(/images/boxes/bg_signup-desc.png) repeat scroll 0px 0px;}
table.signup-desc td.tr{background:transparent url(/images/boxes/bg_signup-desc.png) repeat scroll -8px 0px;}
table.signup-desc td.bl{background:transparent url(/images/boxes/bg_signup-desc.png) repeat scroll 0px -8px;}
table.signup-desc td.br{background:transparent url(/images/boxes/bg_signup-desc.png) repeat scroll -8px -8px;}
table.signup-desc td.fill{background:#2C79FB;color:#F4F4F4;}


/********************  div styles  *******************/

.m0{ margin:0px;}
.m10{ margin:10px;}

.mtb5{ margin:5px 0px;}
.mtb10{ margin:10px 0px;}
.mtb20{ margin:20px 0px;}

.mlr5{ margin:0px 5px;}
.mlr10{ margin:0px 10px;}
.mlr20{ margin:0px 20px;}

.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.m5{ margin:5px;}

.mtb5{ margin:5px 0px;}

.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}

.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mb20{ margin-bottom:20px;}
.mr20{ margin-right:20px;}



.p10{ padding:10px;}
.p20{ padding:20px;}
.p3{ padding:3px;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}

.plr5{padding:0px 5px;}

.p5{ padding:5px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom:5px;}


.h1{ height:1px;}
.h15{ height:15px;}
.h25{ height:25px;}

.fleft{ float:left;}
.fright{ float:right;}
.clear{ clear:both;}

.bg-ltGrey{ background:#f4f4f4; }

.bb-ltGrey{ border-bottom:1px solid #EEE; }
.bt-ltGrey{ border-top:1px solid #EEE; }
.bl-ltGrey{ border-left:1px solid #EEE; }
.br-ltGrey{ border-right:1px solid #EEE; }
.b-ltGrey{ border:1px solid #EEE;}

.bg-grey{ background:#999; }
.bb-grey{ border-bottom:1px solid #999; }
.bt-grey{ border-top:1px solid #999; }
.br-grey{ border-right:1px solid #999; }
.bl-grey{ border-left:1px solid #999; }
.b-grey{ border:1px solid #999; }

/********************  text sizes  *******************/

.s9{ font-size:9px;}
.s10{ font-size:10px;}
.s11{ font-size:11px;}
.s12{ font-size:12px;}
.s13{ font-size:13px;}
.s14{ font-size:14px;}
.s15{ font-size:15px;}
.s18{ font-size:18px;}
.s22{ font-size:22px;}
.s30{ font-size:30px;}
.s45{ font-size:45px;}

.al{ text-align:left; }
.ar{ text-align:right; }
.ac{ text-align:center; }


/********************  text styles  *******************/

.b{ font-weight:bold;}
.n{ font-weight:normal;}

.ltgrey{ color:#AEAEAE;}
.grey{ color:#999;}
.mdgrey{ color:#666;}
.dkgrey{ color:#555;}
.black{ color:#000;}
.white{ color:#FFF;}

.red{ color:#ff0000;}
.green{ color:#006600;}

.orange{ color:#de8a18;}

.blue{ color:#2979ff;}
.dkblue{ color:#3166cc;}


/********************  link styles  *******************/

a:link, a:visited, a:active{
	color:#de871c;
	text-decoration:none;
	font-size:inherit;
}

a.active:link, a.active:visited, a.active:active{
	color:#4287fc;
	text-decoration:none;
	font-size:inherit;
}

a.active:hover, a:hover{
	color:#999;
	text-decoration:none;
	font-size:inherit;
}


a.ltGrey:link, a.ltGrey:visited, a.ltGrey:active{
	color:#999;
	text-decoration:none;
	font-size:inherit;
}

 a.ltGrey:hover{
	color:#000;
	text-decoration:none;
	font-size:inherit;
}

a.drkGrey:link, a.drkGrey:visited, a.drkGrey:active{
	color:#515151;
	text-decoration:none;
	font-size:inherit;
}

 a.drkGrey:hover{
	color:#000;
	text-decoration:none;
	font-size:inherit;
}

#paged div.off{
	display:block;
	padding:2px 5px;
	font-size:10px;
	color:#555;
	font-weight:bold;
	cursor:pointer;
}

#paged div.on{
	display:block;
	padding:2px 5px;
	font-size:10px;
	color:#df8b24;
	font-weight:bold;
	background:#F1F1F1;
	cursor:pointer;
}

#paged a.nbg:hover{
	background:transparent;
}

#alpha div.off{
	display:block;
	padding:2px;
	font-size:10px;
	color:#555;
	font-weight:bold;
	cursor:pointer;
}

#alpha div.on{
	display:block;
	padding:2px;
	font-size:10px;
	color:#df8b24;
	font-weight:bold;
	background:#F1F1F1;
	cursor:pointer;
}

#alpha a.nbg:hover{
	background:transparent;
}



/********************  form styles  *******************/

.form-required{
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
}

.text-field-rpt{
	background:url(../images/forms/text-field-rpt.gif) left repeat-x;
}

.text-field-rpt input, .text-field-rpt select, .taC select, .taC input, textarea{
	border:1px solid #FFF;
	background:#FFF;
	font-size:11px;
}

.sudoLink, .img-button{
	cursor:pointer !important;
}

.helpLink{
	cursor:help; !important
}

.sudoMove{
	cursor:move !important;
}

td.calendarDateInput {letter-spacing:normal;line-height:normal;font-size:11px;}
select.calendarDateInput {letter-spacing:.06em;font-size:11px;}
input.calendarDateInput {letter-spacing:.06em;font-size:11px;}


.taTL{ background:url(../images/forms/taTL.gif) top left no-repeat; font-size:1px;}
.taTR{ background:url(../images/forms/taTR.gif) top right no-repeat; font-size:1px;}
.taBR{ background:url(../images/forms/taBR.gif) bottom right no-repeat; font-size:1px;}
.taBL{ background:url(../images/forms/taBL.gif) bottom left no-repeat; font-size:1px;}
.taT{ border-top:1px solid #dcdcdc; font-size:1px;font-size:1px;}
.taR{ border-right:1px solid #dcdcdc; font-size:1px;font-size:1px;}
.taB{ border-bottom:1px solid #dcdcdc; font-size:1px;font-size:1px;}
.taL{ border-left:1px solid #dcdcdc; font-size:1px;font-size:1px;}
.taT, .taR, .taB, .taL, .taC{ background:#FFF; }
.taC{font-size:12px;}


/*----------------------------  validation styles -------------------------------*/

.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required, select.required {
}
input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed, select.validation-passed{
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 2px 0;
	padding: 2px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: normal;
	font-size:11px;
}

.custom-advice {
	margin: 2px 0;
	padding: 2px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: normal;
	font-size:11px;
}

/************************* treemap styles  *****************************/

#sm{
	margin:3px 1px;
	padding:0px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

#sm ul{
	list-style:none;
	padding:1px;
}

#sm .move{
	cursor:move;
}

#sm ul.parentlist, #sm ul.parentlist ul{
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:2px 0px 2px 8px;
}

#sm ul.parentlist li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px 0px 2px 1px;
	padding:2px 1px;
}


#sm ul.parentlist ul li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px 0px 2px 2px;
	padding:2px 1px;
}


#sm li img.addbutton, #sm li img.editbutton, #sm li img.deletebutton, #sm li img.buildbutton, #sm li img.siteeditbutton, #sm li img.treebtn{
	display:inline;
	padding:0px 1px;
	margin-bottom:-3px;
}

#sm li span.selected, #other-pages li span.selected{
	background:#eaf5ff;
	padding:0px 2px;
	margin:1px 0px 2px 0px;
}

#sm li span.move{
	padding:1px 3px;
	margin:1px 0px 2px 0px;
}