/* Body _____________________________________*/
body {margin: 0; padding: 0px;font-family:Arial, Helvetica, sans-serif; font-size: 70%; }
body, html {height:100%;}

/* Text + Tags Styles _____________________________________*/
h1 {font: 2.2em/2em Arial, Helvetica, sans-serif ; font-weight:bold; margin: 0px 0 0 0; text-transform:lowercase;}
h1.welcome {font: 2.2em/2em Arial, Helvetica, sans-serif ; font-weight:bold; margin: 0px 0 0 0; text-transform:none; text-align: center; }
h2, legend {font: 1.8em/1.6em Arial, Helvetica, sans-serif ; font-weight:bold; margin: 12px 0 3px 0; text-transform:lowercase; clear:left;}
h3 {font: 1.4em/1.3em Arial, Helvetica, sans-serif ; font-weight:bold; margin: 0 0 0 0; text-transform:lowercase; }
h4 {font: 1.4em/1.3em Arial, Helvetica, sans-serif ; font-weight:bold; margin: 3px 0 0 0;  }
p {font: 1.2em/1.33em Arial, Helvetica, sans-serif ; font-weight: normal; margin: 2px 0 0 0; }
a, p a, p a:visited, p.notes a { color: #06c; text-decoration:underline; }
a:hover, p.notes a:visited { color: #a00; text-decoration:underline; }
li{list-style: none; }

small {font-size: 75%; text-transform: uppercase; font-weight: normal; padding:5px 5px 5px 0;}



em {font-style: normal; text-decoration: underline; }


.stats{ font: 1.2em Arial, Helvetica, sans-serif; text-transform: lowercase; font-weight:normal; color:#555;}
.stats th{text-align:right; vertical-align:top; border:none; }
.stats th.left{text-align:left; vertical-align:top; border:none; }
.stats td{text-align:left; font-weight:bold;}
.stats .bigData,.highlight{font-size: 2.2em; text-align:left;}

.news {padding: 4px; font-size:.9em; color: #333; background:#fffccc; border: solid 1px #990022; width: 95%;}
.error:not(input) {
	padding: 5px;
	text-align:center;
	background: #FFDDDD;
	color: #C00;
	border:solid #e8a6a6;
	border-width:1px 0px 1px 0px;
	font-size: 1.1em;
	font-weight:bold;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

.message {
	line-height: 1.2em;
	padding:5px;
	margin:8px;
	border:solid #a6e8a6;
	border-width:1px 0px 1px 0px;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	background: #EEFFEE;
	width:70%;
	color: #009900;
}

.blueMessage {
	line-height: 1.2em;
	padding:5px;
	margin:8px;
	border:solid #0000ee;
	border-width:1px 0px 1px 0px;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	background: #b5d5ff;
	width:70%;
	color: #222222;
}

/* Image Styles _____________________________________*/
img { border: none; }
.floatL {float: left; margin-right:20px; }
.floatR {float: right; margin-left:20px; }
	
/* Page Structure _____________________________________*/

#salsaLogo{
position:relative;
top:0px;
float:right;width:185px;
padding:0;
text-align:center;
margin:-8px 0 0 0;
}

#salsaLogo a{
color:#fff;
font-size:12px;
font-weight:bold;
padding:5px;
}


span#search{
float:right;
padding:0 20px;
margin:-5px 0;
}

#searchEntry{
height:14px;
padding:3px;
margin:-5px 0 0 0;
width:180px;
}

span#search input.img{
border:none;
padding:5px 0 0 0;
margin:0px 5px 0px 10px;
}

#pageWrapper { margin: 0 25px; padding: 0; }
#contentWrapper { margin: 0 ; padding: 0; position: relative; background:#fff;  }
.navWrap { width:100%;  height:70px; margin: 0 ; padding:0px ; position: relative; top:0px; }
.contentImportant {min-height: 50px;  margin-left: 0px; padding:10px 20px;  position: relative; clear: left; top:0px; background:#fff url(/dia/hq/img/content-header-bkgd.gif) no-repeat 0 0 ; }
.pageHead{padding:0px 10px 10px 0px;}
a.pageHead:hover { color: inherit; text-decoration: none; }
.pageHead br{display:inline; float: right; border:1px solid black;}
.stayTogether_full h1{height:50px; min-height: 50px;  margin: 0px -20px; padding:10px 20px;  position: relative; clear: left; top:0px; background:#fff url(/dia/hq/img/content-header-bkgd.gif) no-repeat 0 0 ; }
	

.dataWrapper {width: 100%; margin: -16px 0 0 0; height:100%; float:left;background:#FFF;}

.flexRow { height: 20px; margin: 0; padding: 0; clear: left; }
.flexRow2 { height: 20px; margin-left: -15px; margin-top: -13px; padding: 0; clear: left;}

	
.stayTogether_half { width: 45%; min-width: 400px; margin: 0 ; padding:0 20px 10px 20px ;  float:left; }
.stayTogether_twoThirds { width: 58%; min-width: 500px; margin: 0 ; padding:20px 20px 10px 20px ;   float:left; }
.stayTogether_threeQuarter { width: 75%; min-width: 500px; margin: 0 ; padding:0px;   float:left;}	
.stayTogether_full {width: 95%; margin: 0 ; padding:10px 20px 10px 20px ;  float:left;    }


.w95 {width: 100%; margin: 16px 0; padding:0px;background:#FFF;}
.w95 h1{margin: 0px 0px 0px 0px; padding:10px 20px 2px 20px;  clear:left;background:#fff url(/dia/hq/img/content-header-bkgd.gif) no-repeat 0 0 ; }
.pageLayout{padding:10px;}


#pageFooter {height: 40px; margin: 25px; padding: 25px 20px 10px 20px; text-align:center; clear:both;}
#pageFooter,#pageFooter a{color:#ddd;}

	 
/* Sides */
.leftEdge {height:240px; width:25px; padding:0; position:absolute; left:0; top:0px; }
.rightEdge {height:240px; width:25px; position:absolute; padding:0; right:0; top:0px; }	

/* Navigation _____________________________________*/
ul.primary { height: 70px; margin: 0; padding:0; float: left; font: 1.35em/1.2em Arial, Helvetica, sans-serif; font-weight:bold; text-transform:lowercase; list-style: url(none) none inside;} 
ul.primary li {height:70px; width:90px; margin: 0; padding: 0 0 0 0; float:left; display: block; list-style: none; background: transparent url(/dia/hq/img/nav.gif) no-repeat;}
ul.primary li a { height:40px; width: 84px; padding: 30px 0 0 6px; float:left; display: block; color:#555; background-color: transparent; text-decoration:none;}
ul.primary li a:hover {color: #13A; padding-top: 22px;height: 48px;}
ul.primary li span {font-size:85%; font-weight:normal;letter-spacing:0px;  }
ul.primary li.active {font-weight:bold; }


/* others */
ul.primary li.tab0Style{background-position: -810px 12px ; }
ul.primary li.tab1Style{background-position: -810px 12px ; }
ul.primary li.tab2Style{background-position: -90px 12px ; } 
ul.primary li.tab3Style{background-position: -180px 12px ; }     
ul.primary li.tab4Style{background-position: -270px 12px ; }
ul.primary li.tab5Style{background-position: -360px 12px ; }
ul.primary li.tab6Style{background-position: -450px 12px ; }
ul.primary li.tab7Style{background-position: -540px 12px ; }
ul.primary li.tab8Style{background-position: -630px 12px ; }
ul.primary li.tab9Style{background-position: -720px 12px ; }
ul.primary li.tab10Style{background-position: -810px 12px ; }
ul.primary li.tabnullStyle{background-position: -810px 12px ; }

ul.primary li.tab0Style a:hover,ul.primary li.tab0Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -810px  -58px ; }
ul.primary li.tab1Style a:hover,ul.primary li.tab1Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -810px  -58px ; }
ul.primary li.tab2Style a:hover,ul.primary li.tab2Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -90px -58px ; }
ul.primary li.tab3Style a:hover,ul.primary li.tab3Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -180px  -58px ; }     
ul.primary li.tab4Style a:hover,ul.primary li.tab4Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -270px  -58px ; }
ul.primary li.tab5Style a:hover,ul.primary li.tab5Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -360px  -58px ; }
ul.primary li.tab6Style a:hover,ul.primary li.tab6Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -450px  -58px ; }
ul.primary li.tab7Style a:hover,ul.primary li.tab7Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -540px  -58px ; }
ul.primary li.tab8Style a:hover,ul.primary li.tab8Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -630px  -58px ; }
ul.primary li.tab9Style a:hover,ul.primary li.tab9Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -720px  -58px ; }
ul.primary li.tab10Style a:hover,ul.primary li.tab10Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -810px  -58px ; }

ul.primary li.tabnullStyle a:hover,ul.primary li.tab0Style a.active{background: transparent url(/dia/hq/img/nav.gif) no-repeat -810px  -58px ; }

#cap {float:left;  height: 70px; width: 5px; }



/* Tertiary */
.tertiaryWrap { height: 30px;  margin: 0 ; clear: both;  background:#fff url(/dia/hq/img/tertiary-bkgd.gif) repeat-x 0 0px;}
ul.tertiary { margin:0 ; padding:0 0 0 0; float: left; font: 1.1em/1.1em Arial, Helvetica, sans-serif; font-weight:normal; list-style: url(none) none inside;}
ul.tertiary li {height:30px; float:left; display: block; background:#fff url(/dia/hq/img/tertiary-tab.gif) no-repeat 0 0px; color:#555; list-style: none;}
ul.tertiary li a {height:18px; padding: 12px 10px 0 10px; float:left; display: block; color: #555; text-decoration:none; }
ul.tertiary li a:hover {height: 20px; padding-top: 10px; background:#fff url(/dia/hq/img/tertiary-tab.gif) no-repeat 0 -30px; color: #13A; }
ul.tertiary li.active {height: 20px; padding: 10px 10px 0 15px; background:#fff url(/dia/hq/img/tertiary-active.gif) no-repeat 0 0px; }
ul.tertiary li.active a {height:18px; padding: 0px; text-decoration:none; color: #000; font-weight:bold; }
ul.tertiary li.active a:hover {height:18px; padding: 0px; background:none; text-decoration:none; color: #000; font-weight:bold; }
.tertiaryFrontCap { width:15px; height:30px; margin:0; padding: 0; float:left; background:#fff url(/dia/hq/img/tertiary-tab.gif) no-repeat 0 0px; }	
.tertiaryEndCap { width:10px; height:30px; margin:0; padding: 0; float:left; background:transparent url(/dia/hq/img/tertiary-cap.gif) no-repeat 0 0px;}

.tertiaryBigWrap { height: 50px;  margin: 0 ; clear: both;  background:#fff url(/dia/hq/img/tertiaryBig-bkgd.gif) repeat-x 0 0px;}
ul.tertiaryBig { height: 50px; margin:0 ; padding:0 0 0 0; float: left; font: 1.1em/1.1em Arial, Helvetica, sans-serif; font-weight:normal; list-style: url(none) none inside;}
ul.tertiaryBig li {height:50px; float:left; display: block; background:#fff url(/dia/hq/img/tertiaryBig-tab.gif) no-repeat 0 0px; color:#555; list-style: none;}
ul.tertiaryBig li a {height:38px; padding: 12px 10px 0 10px; float:left; display: block; color: #555; text-decoration:none; }
ul.tertiaryBig li a:hover {height: 40px; padding-top: 10px; background:#fff url(/dia/hq/img/tertiaryBig-tab.gif) no-repeat 0 -50px; color: #13A; }
ul.tertiaryBig li.active {height: 40px; padding: 10px 10px 0 15px; background:#fff url(/dia/hq/img/tertiaryBig-active.gif) no-repeat 0 0px; }
ul.tertiaryBig li.active a {height:38px; padding: 0px; text-decoration:none; color: #000; font-weight:bold; }
ul.tertiaryBig li.active a:hover {height:38px; padding: 0px; background:none; text-decoration:none; color: #000; font-weight:bold; }
.tertiaryBigFrontCap { width:15px; height:50px; margin:0; padding: 0; float:left; background:#fff url(/dia/hq/img/tertiaryBig-tab.gif) no-repeat 0 0px; }	
.tertiaryBigEndCap { width:10px; height:50px; margin:0; padding: 0; float:left; background:transparent url(/dia/hq/img/tertiaryBig-cap.gif) no-repeat 0 0px;}



/* Forms _____________________________________*/
form{ }
input, .input,select,textarea {font: 1.2em Arial, Helvetica, sans-serif ; 
	font-weight: normal; color:#000; background:#f3f8ff;
}
fieldset.border {margin: 5px; padding: 10px; border: 1px solid #666666; }	
fieldset {margin: 0; padding: 0px; border: 0; }	
fieldset.middle{
	margin-left: 50px;
    text-align:center;
}

.formRow  {
	width:90%;
	font-size: 1.0em; 
	padding: 8px 0 ; 
	text-align:left; 
	position:relative; 
	white-space:nowrap;
	clear:both; /* changed from right to both for supporter manager */
}

/* This is to fix a bug in which the "Text Content" of sent blasts was forcing */
/* the width of its container to stretch to 1000s of pixels. It seems the bug */
/* was caused by something else, but this is the timely fix. */
/* See TIM-518524 */
.formRow .input {
    white-space:normal;
}

label,.label {
	width:15%; 
	min-width:100px; 
	padding: 0px 10px 0 0;  
	float:left; 
	white-space:normal;
	font-size: 1.1em; 
	color:#555; 
	font-weight:bold; 
	text-align: right; 
	text-decoration:none; 
}

textarea, input, select { border:#999 solid 1px; }

select[multiple=multiple] > option { padding: 0 3em 0 .25em; }
select[multiple=multiple] { min-width: 200px; }

.textinput{width: 100%; padding-right: 2px;}
input[type=checkbox], .radio{width: 1em; height: 1em;border:0;}

input[type=hidden]{display:none;visibility:hidden;}


.floatRight{float: right; width:120px;}
	
.dataFloat { position:relative; float: left; clear: right; display:block; font-size: 1.2em; list-style: none; }
ul.dataFloat {margin: 0; padding: 0 ;list-style: url(none) none inside;}

.infoBox {width: 30%; margin: 20px 0 0 0; padding: 10px;float: left; position:relative ; border: #999 solid 1px;  }
.infoBox .formRow {width: 100%;}
	
.notes {font-weight: normal; font-size: 1.15em; color:#444; margin: 3px 0 0 130px; text-align:left; display:inline; float:left; clear: left;  }
label .notes {margin: 0; text-align:right;  width:118px; }

.tips {width: 160px; float:right; margin: 8px 20px 20px 0px; padding:5px; border: #999 solid 1px; }
.tips ul { margin-left: 4px; padding-left: 0px;}
.tips ul li { margin-bottom: 5px; }
.tipsWide { float:right; margin: 8px 20px 20px 0px; padding:5px; border: #999 solid 1px; }
.tooltips a { color:#555; font-weight:bold; text-decoration:none; }

.preview{float:left;}
.previewWindow {height: 360px; width: 80%; overflow:auto; float: left; border:#999 solid 1px; }
#reportPreview {width: 600px;padding: 0px;visibility: hidden; overflow-x:hidden; overflow-y:hidden; float:right; border:#999 solid 2px; position: absolute; top: 280px; right:20%; clear:right; z-index: 100; background: transparent url(/dia/hq/img/reportpreviewbackground.png)}
.report {width:98%; overflow-x:auto; border:#999 solid 1px; }

.workflowHeader{width:100%; margin:0px 0px 0 0px; padding:10px; background:transparent url(/dia/hq/img/content-header-bkgd.gif) no-repeat 0 0 ; }

.resultsPerPage {
	clear:both;
}

.includeExclude {width:21%; float:left; margin:0 10px 0 0; padding:0; }
.includeExclude select {width:100%; }
.expand a {background:transparent url(/dia/hq/img/btn-expand.gif) no-repeat 0 .3em ; padding-left: 15px;  display:block;  text-decoration:none; }
.collapse a {background:transparent url(/dia/hq/img/btn-collapse.gif) no-repeat 0 .3em ; padding-left: 15px; text-decoration:none; }
.expand a:hover, .collapse a:hover { text-decoration:underline;  }



/* query builder */
.query_condition_group0 { background-color: #EECCCC; border: 1px solid #C5A5A4; }
.query_condition_group1 { background-color: #EEDDCC; border: 1px solid #B8A897; }
.query_condition_group2 { background-color: #EEEECC; border: 1px solid #C3C3A1; }
.query_condition_group3 { background-color: #EEEEDD; border: 1px solid #B8B8A8; }
.query_condition_group4 { background-color: #DDEEDD; border: 1px solid #A8B6A8; }
.query_condition_group5 { background-color: #CCEEDD; border: 1px solid #88A999; }
.query_condition_group6 { background-color: #CCEECC; border: 1px solid #85A484; }
.query_condition_group0, .query_condition_group1, .query_condition_group2, .query_condition_group3, .query_condition_group4, .query_condition_group5, .query_condition_group6 { width: 800px; color: #555555; padding: 4px; margin-bottom: 15px; border-width: 0px 1px 1px 0px;}
.qcg_body {padding: 4px;}
td.qcg_condition_type_menu_head { text-align: center; border-bottom: 1px solid #666666;}
.qcg_head0 { background-color: #C74247; }
.qcg_head1 { background-color: #EB6426; }
.qcg_head2 { background-color: #E58A2D; }
.qcg_head3 { background-color: #EB9F20; }
.qcg_head4 { background-color: #BDBB2B; }
.qcg_head5 { background-color: #88B62F; }
.qcg_head6 { background-color: #6F8D2B; }
.qcg_head0, .qcg_head1, .qcg_head2, .qcg_head3, .qcg_head4, .qcg_head5, .qcg_head6 { margin: -4px; padding: 1px; }
.qcg_head_table { color: white; width: 100%; }
.qcg_head_delete_button_cell { text-align: right; }
.add_delete_icon { padding-left: 8px; }

.queryGroup{padding:10px;border:1px solid #666666;}

.queryhead {color: #fff;font: 1.4em/1.3em Arial, Helvetica, sans-serif ; font-weight:bold;}

.group0,.group3{background-color:#ECC;}
.group1,.group4{background-color:#CEC;}
.group2,.group5{background-color:#CCE;}
td.bold{ font-weight:bold;}




/* Tables */
table {
}

table tr.odd, .table .table-row:nth-child(even), .table tbody tr:nth-child(odd){
	background-color: #EEE;
}
table .last {
	text-align: right;
}
table td {
	color: #444;

}
table tr.odd.details td, table tr.details td {
	border: none;
	padding: 3px 5px 3px 15px;
}
table tr.details td {
	border: none;
}


table.variable {width: auto; }
tr.highlight {
	background: #DDFFDD;
	color: #0F0;
}
tr.over {background-color:#DEE7FF; }
tr.subOdd {background-color:#dde; }
tr.subEven {background-color:#eef; }
td.smallCell {width: 24px; }
th.selected {background-color:#36c; color:#fff; border:none; }
th.selected a{color:#fff; text-decoration: none;}
th.selected a:visited{color:#fff; text-decoration: none;}
tr.odd  td.selected {border-left:#36c solid 1px; border-right:#36c solid 1px; background:#ddd;}
tr.even  td.selected {border-left:#36c solid 1px; border-right:#36c solid 1px; background:#eee; }


/* standard list style table */
table.adminlist, .table.adminlist {margin: 0px;padding: 1px;border: 0px solid #ccc;border-spacing: 0px;width: 100%;border-collapse: collapse;}
table.adminlist th, table.adminlist td, .table.adminlist .thead, .table.adminlist .table-cell{height: 12px;text-align: left;margin: 0px;padding: 8px;}


/* list edit */
table.listedit {margin: 0px; padding: 1px;border: 0px solid #ccc;border-spacing: 0px; font-size: 1em;
	width:100%;
}
table.listedit th{font-size:11px; height: 11px;text-align: left;margin: 2px;padding: 3px; overflow:auto;}
table.listedit td{
	font-size:11px; height: 11px;text-align: left;
	border-left:1px solid #DDD;padding:1px; margin:0px;
	overflow:auto;
}

table.listedit input{padding:4px; margin:0px; border:none; background:transparent; color:#222; width: 97%;}
table.listedit input.write{background:#FFF;}

.listedit td.smallCell,table.listedit th.smallCell{
width:20px;
padding:6px;
}

.adminlist tr:hover, .adminlist tr.odd:hover, .adminlist .table-row:hover {
	background-color: #DEE7FF;
}
.adminlist thead tr:hover, .adminlist .thead.table-row:hover {
	background: transparent;
}

tbody.scrollableTable { width: 300px; max-height:200px;  overflow-x:auto; overflow-y: auto; }
tbody.scrollableTable tr {height: 2.5em; width: 100%; }

div.sublink{font-size:.7em; padding:0px; margin:10px 10px 10px 50px; border:1px solid #666666; width:95%;}




#groupHeader{font-size:1.3em; font-weight:bold; border:solid #000; border-width:1px 1px 0px 1px; background:#570; color:#FFF; padding:5px; margin:15px;}

.reportTable th{
text-align:left;
border-bottom:1px solid grey;
padding:0; margin:5px;
font-size:1.2em;
}


.condition, .doublewide, .triplewide, .plusminus, .fixed, .doublewideNoPadding .halfwide { vertical-align:top }
.condition { display:table-cell; width:190px; padding-top:10px}
.doublewide { display:table-cell; width:380px; padding-top:10px }
.triplewide { display:table-cell; width:570px; padding-top:10px }
.doublewideNoPadding { display:table-cell; width:380px; padding-top:0px }

.plusminus { display:table-cell; width:40px; padding-top:10px; text-align:right }
.conditionhead { display:table-cell; width:190px; padding:0px; color: #fff }
.firstconditionhead { display:table-cell; width:350px; padding:0px; color: #fff }
.plusminushead { display:table-cell; width:40px; padding:0px; color: #fff }
.longplusminus { display:table-cell; width:610px; padding-top:10px; text-align:right }
.fixed { width: 175px }
.datetimewide { width: 65px }

/* Report builder */
.linkTable{
	margin:10px;
	padding:10px;
	background-color: #CCEEDD;
	border: 1px solid #88A999;
	width:220px;
}
.tableDropDown{
	width:200px;
}
.linker {
	margin-left: 15%;
	width: 20px;
	background-color: #88A999;
	
}
.reportType{
	margin:10px;
	margin-left:16%;
	visibility:visible;
	padding:10px;
	border: 1px solid #88A999;
	height: 220px;
	width: 300px;
}
.reportTagCondition{
	margin:10px;
	border: 1px solid #88A999;
	background-color: #CCEEDD;
	padding:10px;
	width: 500px;
}
.reportTagCondition select {
	width:175px;
}

.reportTypeDescription{
	white-space:normal;
	padding:3px
}
.simpleChooser{
	margin-left:16%;
	padding:10px;
	display:block;
	background-color: #CCEEDD;
	border: 1px solid #88A999;
	width:220px;
}




/* Buttons */
.btn_300_danger {height: 30px; width: 300px;  margin:0 ; padding-top: 5px; float: left; color:#fff; font-weight: bold; background:transparent url(/dia/hq/img/btn_300_danger.gif) no-repeat 0 0 ; font: 1.8em Arial, Helvetica, sans-serif ;  border: none; text-align: center; vertical-align: middle; clear:both; }
.btn_300 {margin:5px; height: 30px; width: 300px;  color:#fff; font-weight: bold; background:transparent url(/dia/hq/img/btn_300.gif) no-repeat 0 0 ; border: none; vertical-align:middle;  clear:both;}
table.listedit input.btn_180,.btn_180 {margin:10px; padding:0px 10px 0px 10px; height: 20px; width: 180px; color:#fff; font-weight: bold; background:transparent url(/dia/hq/img/btn_180.gif) no-repeat 0 0 ; border: none; vertical-align:middle;  clear:both;}
.btn_150 {margin:10px; padding:0px; height: 20px; width: 150px; color:#fff; font-weight: bold; background:transparent url(/dia/hq/img/btn_150.gif) no-repeat 0 0 ; border: none; vertical-align:middle;  clear:both;}
.btn_150_red {margin:10px; padding:0px; height: 20px; width: 150px; color:#fff; font-weight: bold; background:transparent url(/dia/hq/img/btn_150_red.png) no-repeat 0 0 ; border: none; vertical-align:middle;  clear:both;}
.ui-widget-content a.btn_150,a.btn_150, a.btn_150_red {display: inline-block; text-align: center; padding-top: 3px;text-decoration:none; color: #fff; }
a:visited.btn_150 {color: #fff; }


/* better off, from an aesthetic sense, manually finding the submit buttons and changing them.
input[type=submit],#btn_150 {padding 10px; height: 20px; width: 150px; color:#fff; font-weight: bold; background:transparent url(/dia/hq/img/btn_150.gif) no-repeat 0 0 ; border: none; vertical-align:middle;  clear:both;}
*/
.btn_100 {margin:5px; height: 20px; width: 100px; color:#eee; font-weight: bold; background:transparent url(/dia/hq/img/btn_100.gif) no-repeat 0 0 ; border: none; vertical-align:middle;  clear:both;}
.btn_80 {margin:5px; height: 20px; width: 80px; color:#eee; font-weight: bold; background:transparent url(/dia/hq/img/btn_80.gif) no-repeat 0 0 ; border: none; vertical-align:middle;   clear:both;line-height:8px; padding:0px;}
.btn_80secondary {margin:5px; height: 20px; width: 80px; color:#eee; font-weight: bold; background:transparent url(/dia/hq/img/btn_80.gif) no-repeat 0 0 ; border: none; vertical-align:middle;   clear:both;}
.btn_150secondary {height: 20px; width: 150px; color:#eee; font-weight: bold; background:transparent url(/dia/hq/img/btn_150secondary.gif) no-repeat 0 0 ; border: none; vertical-align:middle;  clear:both;}
.btn_100secondary {height: 20px; width: 100px; color:#eee; font-weight: bold; background:transparent url(/dia/hq/img/btn_100secondary.gif) no-repeat 0 0 ; border: none; vertical-align:middle;  clear:both;}

/*Process Steps _____________________________________*/
.processStep {font: 1em Arial, Helvetica, sans-serif ;width:130px;margin:0; padding: 0 0 0 0;text-transform: lowercase; font-weight: bold;}
.doneStep {color:#999;background: transparent url(/dia/hq/img/step-icon_done.gif) no-repeat 0 0;}		
.currentStep{color:#36C;background: url(/dia/hq/img/step-icon_current.gif) no-repeat 0 0;}
.todoStep {background: transparent url(/dia/hq/img/step-icon_todo.gif) no-repeat 0 0;color:#555;}
.smallStep{font: .9em Arial, Helvetica, sans-serif ; margin: 0px 13px ;clear: none; text-transform: uppercase; font-weight: normal;  }

/* Tabs  _____________________________________________*/
.tabs{display: inline;}
.tab, .selectedTab{cursor: pointer; margin: 0px 3px 5px 3px; padding: 0px 10px 5px 10px; float:left; display: block; list-style: none; border-top:1px solid #666666;border-right:1px solid #666666;border-left:1px solid #666666;font-size:14px;color:#555555;}
.selectedTab{padding: 0px 10px 5px 10px; border-top:1px solid #666666;border-right:1px solid #666666;border-left:1px solid #666666;color: #3366CC;}
.tab-page { padding:  10px; margin:0 0 0 5px;
	width: 98%;  /* stupid stupid stupid IE!!! */
	float: left;
	display:none;
}
.smalltabs-page {
	width: 98%;  /* stupid stupid stupid IE!!! */
	float: left;display:none;
}
.reportConfig .tab-page{width:66%;}

/*Groups */
.t0i, .t10, .t20, .t30, .t40{font-size: 1.2em; line-height:150%;}


/*Messages             */
#message {font-size: 1.2em; color: red; font-weight: bold;}

/* Accessibility _____________________________________*/
.skip {display: none;}

/* What is this? */
.nocontent{border:	1px dashed #AAA;width:300px;height:200px;}

.cacheDate{font-weight:bold;}

.clear{	width:100%;clear:both;}


/* Dashboard Modules ________________________________*/


.stickyTextarea{border:none;}

ul.sortable{margin: 0px;padding: 0px;list-style: none;min-height:700px;}
ul.sortable-small{margin: 0px;padding: 0px;list-style: none;min-height:120px;}
ul.sortable-small li{padding:3px; font-size:1.1em;}


li{list-style: none;}
#page td{padding:0;margin:0;}
ul.sortable li {position: relative;}
ul.inline li {float:left;display:inline;padding:0px; margin:0px;}



tr.chapter th { padding: 10px 0 0; }
.organization { padding: 15px 0 3px; }
.organization a { color: #000; }
.campaignManager { margin: 5px 0; }
.campaignManager a { text-decoration: none; } 

a.addNew, a.edit, a.delete{
    padding-left:24px;
    font-weight:bold;
    font-size:1.2em;
}
a.addNew{
    background: transparent url(/dia/hq/images/add.png) 3px no-repeat;
}

a.edit{
    background: transparent url(/dia/hq/images/edit_icon.gif) 3px no-repeat;
}
a.delete{
    background: transparent url(/dia/hq/images/delete2.png) 3px no-repeat;
}




.pagination {
	font-size:1.0em;
	margin:20px 0px 20px 0px;
}

.pagination a {

	padding:3px 5px 3px 5px;
	border:1px solid #999999;
}

.pagination a:hover{
	border:1px solid #333333;
	background-color:#333333;
	color:#ffffff;
}
.pagination span {
	color:#666666;
	padding:3px;
}

.floatLformItem {
	overflow: auto;
}

.translate{
font-size:1.3em;
font-weight:bold;
padding:5px;
margin:10px;
border:1px solid grey;
background:#EB6;
color:#111;
text-decoration:none;
display:block;
width:150px;
text-align:center;
}