﻿/* This part for advanced search 
============================================================ */
/*  summary  */ 


div#NamesSearchApp #NamesSearchPanel table {width: 700px; }
div#NamesSearchApp #NamesSearchFilterPanel { border: 1px solid #ccc; }
div#NamesSearchApp #NamesSearchKeywords { width: 250px; }
div#NamesSearchApp #NamesResultsPanel {border:1px #ccc solid;}
div#NamesSearchApp .NamesSearchGridHeader {background:#395795; color:#fff;height:30px;text-align:left; padding:5px 0 5px 3px;  }
div#NamesSearchApp .NamesSearchGridRow {background-color: #fff; }
div#NamesSearchApp .NamesSearchGridRowAlt {background:#eee; }
div#NamesSearchApp .WaitMsg { padding: 5px 5px 5px 5px; color: #ff0000; font-weight:bold;}
#NamesSearchPanel #NamesResultsPanel {padding-top:10px;padding-left:5px;}
div#NamesSearchPanel #NamesResultsPanel table {width: 100%;}
div#NamesSearchPanel #NamesSearchPanel {margin-bottom:40px;}

div#MailerAppPanel div.summary fieldset{padding:2px 0px 2px 12px;font-family:Lucida Sans Unicode,"Trebuchet MS",Arial,Helvetica,sans-serif;color:#333;}

/* general resets & new stuff */
div#MailerAppPanel fieldset div.fieldwrapper p{margin-top:5px;margin-bottom:5px;}
div#MailerAppPanel div.off {display:none;}
div#MailerAppPanel div.section fieldset div.right, 
div#MailerAppPanel div.errorBlock fieldset div.fieldwrapper div.right{padding-left:24px ;}
div#MailerAppPanel div.section fieldset legend{font-weight:bold;margin:6px 0px 6px 5px;font-family: Lucida Sans Unicode,Trebuchet MS, Arial, Helvetica, sans-serifcolor:#333 !important;background-color:#f0f0f0; /* makes ie legend color as stated for color */}

/* tabs and search replace stuff */
div#MailerAppPanel .h4legend span{color:#666;padding:4px 8px;cursor:pointer}
div#MailerAppPanel .h4legend span:hover,
div#MailerAppPanel .h4legend span:hover{color:#333}
div#MailerAppPanel .leftcolumn.tabs fieldset {height:165px;}
div#MailerAppPanel .leftcolumn.tabs fieldset + fieldset {height:auto;}
div#MailerAppPanel .search .h4legend span:first-child,
div#MailerAppPanel .replace .h4legend span + span{background-color:#eee;color:#333;padding:5px 8px;border-left:1px solid #AED4F9;border-right:1px solid #AED4F9;border-top:1px solid #AED4F9;}
div#MailerAppPanel .search .fieldwrapper + .fieldwrapper {display:none}
div#MailerAppPanel .search .fieldwrapper span{color:#999;}
div#MailerAppPanel .tabs .fieldwrapper .right input{float:left;}
/**/div#MailerAppPanel .tabs .leftcolumn .fieldwrapper .right span input{float:none;}

/* radio button list - there are styles for the one column and two column, altering the widths */
div#MailerAppPanel fieldset div.fieldwrapper div.right.radioListTwoCol label, 
div#MailerAppPanel fieldset div.fieldwrapper div.right.radioListOneCol label{font-weight:normal;float:left;clear:left; width:130px;/*98*/padding:0px;font-family: Arial, Helvetica, sans-serif;}
div#MailerAppPanel fieldset div.fieldwrapper div.right.radioListOneCol label{width:80px;}
div#MailerAppPanel fieldset div.fieldwrapper div.right.radioListOneCol{width:99%;margin-left:10px;padding-left:0;}
div#MailerAppPanel fieldset div.fieldwrapper div.right.radioListOneCol ul {font-family: Arial, Helvetica, sans-serif;width:70%;margin-bottom:6px;margin-top:-3px;}
div#MailerAppPanel div.section fieldset div.fieldwrapper div.right.radioListTwoCol li{margin-right:0px;}
div#MailerAppPanel fieldset div.fieldwrapper div.right.radioListTwoCol ul {width:55% !important;/* 67*/margin-bottom:6px;margin-top:-3px;}
div#MailerAppPanel fieldset div.fieldwrapper div.right.radioListTwoCol ul li {width:30%;/*33*/text-align:center;}
div#MailerAppPanel fieldset div.fieldwrapper div.right.radioListTwoCol ul.head label {font-weight:bold;width:100%;}
div#MailerAppPanel div.section fieldset div.fieldwrapper div.right ul li{margin-right:15px;}
div#MailerAppPanel div.section fieldset div.fieldwrapper div.right.radioListOneCol ul li input{margin-right:5px;}

/* remove percentages for list columns - mostly the two column radio button list */
div#MailerAppPanel fieldset div.fieldwrapper div.right.removePercentage,
div#MailerAppPanel fieldset div.fieldwrapper div.right.removePercentage ul, 
div#MailerAppPanel fieldset div.fieldwrapper div.right.removePercentage div.right{width:100%;margin-left:0px;padding-left:0px;}

div.searchHelpText
{
    height:252px;
    overflow:auto;
}
div.replaceHelpText
{
    height:247px;
    overflow:auto;
}

html.Firefox div.searchHelpText
{
    height:190px;
}
html.Firefox div.replaceHelpText
{
    height:190px;
}

/* calendar combo input */
div#MailerAppPanel fieldset label.calendarText{
	width:45px;
	float:left;
	font-weight:normal !important;
	font-family: Arial, Helvetica, sans-serif !important;
} 
div#MailerAppPanel fieldset div.fieldwrapper.calendarIndent{
	padding-left:17px;
	width:86%
} 

/* table displays 1 pixel left of everything else - system wide - only apparent here because of max-min above it*/
html.Firefox div#MailerAppPanel div.titan_data_table table.ffFix {
	margin-left:1px !important;
} 
/* being used for ie and ff - to remove the border of th of the table - border is on .legend for use when no records */
div#MailerAppPanel div.titan_data_table table.ffFix thead th{
	border-top:none;
} 





/* resetting to smaller font style */
div#MailerAppPanel div.summary,
div#MailerAppPanel div.section,
div#MailerAppPanel div.summary fieldset div.fieldwrapper div.left label,
div#MailerAppPanel div.section div.rightcolumn fieldset div.fieldwrapper p,
div#MailerAppPanel div.section fieldset div.fieldwrapper div.right label,
div#MailerAppPanel div.section fieldset div.fieldwrapper div.left label,
div#MailerAppPanel div.section fieldset select,
div#MailerAppPanel div.section fieldset select option,
div#MailerAppPanel div.section fieldset label,
div#MailerAppPanel div.section fieldset div.fieldwrapper div.right ul,
div#MailerAppPanel div.section fieldset input,
div#MailerAppPanel div.section fieldset div.fieldwrapper div.right span,
div#MailerAppPanel div.errorBlock fieldset div.fieldwrapper div.left label,
div#MailerAppPanel div.errorBlock fieldset div.fieldwrapper div.right span,
div#MailerAppPanel div.section fieldset legend,
div#MailerAppPanel div.section fieldset span,
.Tags input
{	
	font-size:11px !important;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

div#MailerAppPanel div.section p {
	font-family: Lucida Sans Unicode,Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#333;
}

/* tags available fields number fix in fieldset */
div#MailerAppPanel div.section fieldset div.changeMargin div.leftAlign{
	margin-left:-24px;
}
div#MailerAppPanel div.section fieldset div.changeMargin div.rightAlign{
	margin-right:20px;
}
/* fix ie left column being 5 px lower than rightcolumn, need to watch tags area */
div#MailerAppPanel div.section fieldset div.leftcolumn fieldset,
div#NamesSearchApp div.section fieldset div.leftcolumn fieldset{margin-top:0px;}

/*  general-shared
============================================================ */
div.Tags img {
	border:none;
	padding:0px;
	margin:0px;
}

div.Tags ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

div.Tags div.help img.helpButton,
div.Tags div .h4legend img,
div.Tags fieldset .h4legend.icon20 span.down,
div.Tags fieldset .h4legend.icon20 span.up,
div.Tags div.column ul li,
div.Tags div.arrowsColumn img,
div.Tags div.column fieldset div.fieldwrapper div.left span,
div.Tags div.column fieldset div.fieldwrapper div.right label.attLink,
div.Tags div.column div.fieldwrapper div.groups div.group div.groupHeader,
div.Tags div.rightcolumn h4.legend img,
div.Tags div.arrowColumn img,
div.Tags div.column div.fieldwrapper div.groups div.group.select div.groupInfo span.button   {	
	cursor:pointer;
}
div.Tags div.column div.fieldwrapper ul.nestedLists li {	
	cursor:default;
}
div.Tags div.column div.fieldwrapper ul.nestedLists li span{	
	cursor:pointer;
}


/* overrides and adds to forms.css and blocks.css
============================================================ */
/* outter column containers - column (used by filter)
============================================================ */
/* filter block */
div.Tags div.column { 
	float:left;
	width:30%;
}
.IE7 div.Tags div.column { 
	width:30%;
}
div.Tags div.arrowsColumn { 
	float:left;
	width:21px;
	margin:115px 0px 0px 0px;
	padding:0px;
	text-align:center;
} 

div.Tags div.arrowsColumn img{ 
margin-bottom:12px;
clear:both;
}

/* right left center column 
div.Tags div.rightcolumn {
	padding:0px !important;
}

div.Tags div.arrowColumn { 
	float:left;
	width:25px;
	padding-top:120px;
	padding-left:3px;
} 

.IE div.Tags div.arrowColumn {
	padding-right:5px;
}

div.Tags div.arrowColumn div {
	text-align:center;
}*/


/* .h4legend - to set height of legends to be all the same when images added
============================================================ */
/* filter block */
div.Tags div fieldset .h4legend.icon16{
padding-top:4px;padding-bottom:3px;
}

div.Tags fieldset .h4legend.icon16 img,
div.Tags fieldset .h4legend.icon20 img  {
margin:1px 4px 0px 0px;vertical-align:text-top;
}

div.Tags div fieldset .h4legend.icon20 {
padding-bottom:1px;padding-top:3px;overflow:hidden;
}

div.Tags div fieldset .h4legend span.headInfo{
float:left;font-weight:bold;color:#333;font-family:Lucida Sans Unicode;
}

div.Tags fieldset .h4legend.icon20 span.up {
float:right;height:20px;width:20px;margin-right:5px;background:url(images/workarea/toolbar/block_up.png) 0px 0px;	
}

div.Tags fieldset .h4legend.icon20 span.down {
float:right;height:20px;width:20px;background:url(images/workarea/toolbar/block_down.png) 0px 0px;	
}

div.Tags fieldset .h4legend.icon20 span.up:hover,
div.Tags fieldset .h4legend.icon20 span.down:hover  {
background-position:0px -20px;	
}

/* div.Tags fieldset .h4legend.icon20 span.disable {
background-position:0px -40px;	
}

right left center column 
div.Tags div.help fieldset .h4legend {
	padding-bottom:2px !important;
}

div.Tags fieldset .h4legend img {
	vertical-align:middle;
	margin-right:4px;
}

.IE div.Tags div.help fieldset .h4legend {
	padding-top:4px !important;
	padding-bottom:2px !important;

}

.IE div.Tags fieldset .h4legend img {
	vertical-align:text-top;
	padding-top:2px;
}*/

/* div.fieldwrapper with right, label, input - filter block
============================================================  */
div.Tags div.column fieldset div.fieldwrapper {
margin:0px !important;padding:0px !important;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo {
height:38px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left {
width:100%
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left input{
float:left;margin:0px 5px 0px 5px;width:67%;height:12px;margin-right:2px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left.find label{
float:left;margin-left:-5px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left span {
	float:left;height:20px;width:20px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.right {
	margin:-4px 0px 0px -5px !important;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.right label{
	font-weight:normal; width:80px !important;float:left;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.right label.attLink {
	color:#333;	text-decoration:underline;float:right;width:45px !important;margin-right:-5px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.right label.attLink:hover {
	color:#666;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left span.toTop {
	width:30px;margin-right:8px;margin-left:5px;background:url(images/workarea/toolbar/block_top.png) 0px 0px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left span.up {
	background:url(images/workarea/toolbar/block_up.png) 0px 0px;	margin-right:5px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left span.down {
	background:url(images/workarea/toolbar/block_down.png);	margin-right:8px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left span.toBottom {
	background:url(images/workarea/toolbar/block_bottom.png) 0px 0px;width:30px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left span.attAdd {
	background:url(images/workarea/toolbar/tags_add.png) 0px 0px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left span.attDelete{
	background:url(images/workarea/toolbar/block_delete.png) 0px 0px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left span:hover {
	background-position: 0px -20px;
}

div.Tags div.column fieldset div.fieldwrapper.attInfo div.left span.disable {
	background-position: 0px -40px;
}

/* ul.valuesField and their lists
============================================================ */
/* filter block tag groups*/
div.Tags div.column div.fieldwrapper ul.groups {
height:267px;background-color:#fff;overflow-y:auto;overflow-x:hidden;font:11px Lucida Sans Unicode;list-style:none;margin:0px 3px 0px 5px !important;
}

div.Tags div.column div.fieldwrapper ul.groups li.group {
border:1px solid #ddd !important;margin:2px 2px !important;padding:0px !important;
}

div.Tags div.column div.fieldwrapper ul.groups li.group div.groupHeader {
padding:0px 3px 3px 3px;height:18px;background-color:#eee;color:#333;border-bottom:1px solid #ddd !important;padding-right:20px;overflow:hidden;
}

div.Tags div.column div.fieldwrapper ul.groups li.group div.groupHeader img{
vertical-align:middle;
}

div.Tags div.column div.fieldwrapper ul.groups li.group.server div.groupHeader{
    background-image:url(/css/images/workarea/content/tags_tag_state.png);
    background-position:center right;
    background-repeat:no-repeat;
}

div.Tags div.column div.fieldwrapper ul.groups li.group.display div.groupHeader{
    background-image:url(/css/images/workarea/content/tags_tag_state.png);
    background-position:top right;
    background-repeat:no-repeat;
}

div.Tags div.column div.fieldwrapper ul.groups li.group.none div.groupHeader{
}

div.Tags div.column div.fieldwrapper ul.groups li.group div.groupInfo {
padding:3px;overflow:hidden;background-color:#fff;
}

div.Tags div.column div.fieldwrapper ul.groups li.group div.groupInfo label {
display:block;color:#666;margin-bottom:1px;clear:both;
}

div.Tags div.column div.fieldwrapper ul.groups li.group div.groupInfo label input {
margin-right:3px;
}

.Firefox div.Tags div.column div.fieldwrapper ul.groups li.group div.groupInfo select {
font:11px Lucida Sans Unicode;float:left;height:17px;margin-top:2px;padding:0px;
}

.IE div.Tags div.column div.fieldwrapper ul.groups li.group div.groupInfo select {
font:11px Lucida Sans Unicode;float:left;height:20px;margin-top:2px;
}

div.Tags div.column div.fieldwrapper ul.groups li.group div.groupInfo select option {
color:#666;
}

div.Tags div.column div.fieldwrapper ul.groups li.group div.groupInfo span.button {
float:left;height:17px; width:29px;text-align:center;font:11px Lucida Sans Unicode;
border-top:1px solid #ddd ;border-left:1px solid #ddd;border-bottom:1px solid #bbb;border-right:1px solid #bbb;background:#e1e1e1;color:#555;margin:2px 6px 0px 3px;
}
div.Tags div.column div.fieldwrapper ul.groups li.group.select div.groupInfo  span.button {
border-top:1px solid #e1e1e1 ;border-left:1px solid #e1e1e1;border-bottom:1px solid #a4a4a4;border-right:1px solid #a4a4a4;color:#111;background:#ccc;
}
div.Tags div.column div.fieldwrapper ul.groups li.group.select div.groupInfo span.button:hover {
border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #aaa;border-right:1px solid #aaa;background:#ddd;color:#111;
}

div.Tags div.column div.fieldwrapper ul.groups li.group.select {
border:1px solid #AED4F9 !important;
}

div.Tags div.column div.fieldwrapper ul.groups li.group.select div.groupHeader {
color:#333;border-bottom:1px solid #AED4F9 !important;background-color:#D4E6F7;font-weight:bold;
}

div.Tags div.column div.fieldwrapper ul.groups li.group.select div.groupInfo label {
color:#333;
}

div.Tags div.column div.fieldwrapper ul.groups li.group.select div.groupInfo select option {
color:#333;
}

div.Tags div.column div.fieldwrapper ul.groups li.group.closed div.groupHeader {
border-bottom:0 !important;
}

div.Tags div.column div.fieldwrapper ul.groups li.group.closed div.groupInfo {
display:none
}

div.Tags div.column ul.valuesField { /* used with attInfo */
min-height: 229px; max-height: 229px; 
}

div.Tags div.column.tall ul.valuesField {  /* used without attInfo */
min-height: 267px; max-height: 267px; 
}
div.Tags div.column.short ul.valuesField {  /* used without attInfo */
min-height: 167px; max-height: 167px; 
}

div.Tags ul.valuesField {
font-family: Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;background-color:#fff;overflow-y:auto;overflow-x:hidden;margin:0px 2px 0px 5px !important;
}

div.Tags div.column ul li,
div.Tags div.column ul.valuesField.nestedLists li ul li{
	border-bottom: 1px dotted #ccc;
	margin:0px 2px 0px 2px !important;
	padding:2px 0px 4px 4px !important;
}
div.Tags div.column ul.valuesField.nestedLists li {
	border:0;
}
/* start of style changes
============================================================ */
/* new help - style change to hide/display
============================================================ */

div.Tags div.help { 
	display:block;
} 

div.Tags div.helpOff {
	display:none;
}

/* div.help using titan_ui_adminhelp from label.css and new styles
some shared styles come from rightcolumn style changes
============================================================ */
div.Tags div.titan_ui_adminhelp {
	background-color:transparent;
	display:block;
	margin-left:5px;
}

div.Tags div.titan_ui_adminhelp .h3 {
	background-color:transparent;
	margin:6px 0px 2px -2px;
}

div.Tags div.titan_ui_adminhelp ul {
	background-color:transparent;
	margin-left:12px;
}

div.Tags div.titan_ui_adminhelp ul.help li {
	clear:both;
	background-color:transparent;
}


div.Tags div.titan_ui_adminhelp ul.help li ul,
div.Tags div.titan_ui_adminhelp ul.help b {
	background-color:transparent;
}

div.Tags div.titan_ui_adminhelp span.both,
div.Tags div.titan_ui_adminhelp span.server,
div.Tags div.titan_ui_adminhelp span.off,
div.Tags div.titan_ui_adminhelp span.none,
div.Tags div.titan_ui_adminhelp span.all,
div.Tags div.titan_ui_adminhelp span.some {
	background-color:#fff;
	border:1px solid #ccc;
	clear:both !important;
	float:left;
	height:21px;
	margin:0px 7px 3px 0px;
	width:21px;
}

div.Tags div.titan_ui_adminhelp span.both {
	background-position:0px 1px;
}

div.Tags div.titan_ui_adminhelp span.server{
	background-position:0px -21px;
}

div.Tags div.titan_ui_adminhelp span.off {
	background-position:0px -43px;
}


div.Tags div.titan_ui_adminhelp span.all {
	background-position:1px 2px;
}

div.Tags div.titan_ui_adminhelp span.none{
	background-position:1px -17px;
}

div.Tags div.titan_ui_adminhelp span.some {
	background-position:1px -36px;
}

div.Tags div.titan_ui_adminhelp ul.single span.all{
	background-position:1px -58px;
}

div.Tags div.titan_ui_adminhelp ul.single span.none {
	background-position:1px -78px;
}

/* centercolumn shared style changes - select, plain, hover
============================================================ */
div.Tags div.column ul li.select {
	background-color:#EAF3FB !important;		
}


div.Tags div.column ul li.hover  {
	text-decoration:underline;
}
/*
div#MailerAppPanel div.rightAlign {
float:right;
text-align:right;
clear:right;
}

div#MailerAppPanel div.rightAlign label,
div#MailerAppPanel div.leftAlign label {
font-weight:normal !important;

}

div#MailerAppPanel div.rightAlign label.hover {
	color:#666 !important;
}

div#MailerAppPanel div.leftAlign {
float:left;
text-align:left;
}

div#MailerAppPanel div.changeMargin{
margin:0px !important;
padding:0px !important;
}
*/
/* leftcolumnSmall style changes - both, off, server, and no image
includes shared image with div.help
some shared styles come from leftcolumnSmall and centercolumn shared style changes
there is no centercolumn style changes section of its own
============================================================ */

div.Tags span.off,
div.Tags span.both, 
div.Tags span.server {	
	background: url(images/workarea/content/tags_tag_state.png) no-repeat;
	background-color:#ffffff;
}

/* rightcolumn style changes
icons - none, all, some
text - all, some new
shares image and text styles with div.help div.titan_ui_adminhelp
============================================================ */
div.Tags div.column ul.valuesField.nestedLists li {
	font-weight:bold;
}

div.Tags div.column ul.valuesField.nestedLists li ul li {
	font-weight:normal;
}

/* shared image with div.help */
div.Tags span.none, 
div.Tags span.all,
div.Tags span.some {	
	background: url(images/workarea/content/tags_selected_state.png) no-repeat; 
}


/* User's current selections - icons */
div.Tags div.column ul.valuesField.nestedLists span.none,
div.Tags div.column ul.valuesField.nestedLists span.all,
div.Tags div.column ul.valuesField.nestedLists span.some
{	
	float:left;
	padding-top:3px;
	width:23px;height:15px; /* Forces sizes on span so image shows */
}

div.Tags div.column ul.valuesField.nestedLists span.none
{
	background-position:0px -19px;
}
div.Tags div.column ul.valuesField.nestedLists span.all
{
	background-position:0px 0px;
}
div.Tags div.column ul.valuesField.nestedLists span.some
{
	background-position:0px -38px;
}

div.Tags div.column ul.valuesField.nestedLists ul.single span.all
{
	background-position:0px -60px;
}

div.Tags div.column ul.valuesField.nestedLists ul.single span.none
{
	background-position:0px -80px;
}

/*div.Tags div.column ul.valuesField.nestedLists.single span.none
{
	background-position:0px -20px;
}

div.Tags div.column ul.valuesField.nestedLists.single span.all

{
	background-position:0px -1px;
}

div.Tags div.column ul.valuesField.nestedLists.single span.some
{
	background-position:0px -39px;
}

div.Tags div.column ul.valuesField.nestedLists ul.single span.none
{
	background-position:0px -60px;
}
*/
div.Tags div.column ul.mover span.all,
div.Tags div.column ul.mover ul.valuesField.nestedLists span.all
{
	display:none;
}

div.Tags div.column ul.valuesField.nestedLists ul.single span.some
{
	background-position:0px -80px;
}

div.Tags div.column ul.mover li
{
    cursor:pointer !important;
}

/* User's previous selections - text shared with div.help */
div.Tags div.column fieldset div.fieldwrapper ul.valuesField.nestedLists li ul li.all,
div.Tags div.titan_ui_adminhelp span.allText {	
	background-color:transparent;
	color:#000 !important;
	font-style:normal!important;
}

div.Tags div.column fieldset div.fieldwrapper ul.valuesField.nestedLists li ul li.some,
div.Tags div.titan_ui_adminhelp span.someText { 
	background-color:transparent;	
	color:#666 !important;
	font-style:italic!important; 

}
div.Tags div.column fieldset div.fieldwrapper ul li.new,
div.Tags div.column fieldset div.fieldwrapper ul.valuesField.nestedLists li ul li.new,
div.Tags div.titan_ui_adminhelp span.newText {	
	background-color:transparent;
	color:#090 !important;
	font-style:normal!important;
}

div.Tags div.column fieldset div.fieldwrapper ul.valuesField.nestedLists li ul.mover li.new{
    color:#000 !important;
}
/* layout */

div.titan_classifications
{
	/*background:url(images/workarea/content/vert_dots.png) repeat-y center;*/

}


div.titan_classifications div.gutter
{
	width: 30px;
	height: 50px;
	float: left;
	background:url(images/workarea/content/arrow_right.png) no-repeat left bottom;
	text-indent: -9000px;
	display: none;
}
html.IE6 div.titan_classifications div.gutter
{
	height: 62px;
}

div.edit div.gutter
{
    display:block;
}


div.titan_classifications div.gutter2
{
    margin:0 0 0 0;
    padding:0 0 0 0 ;
	float: left;
	display:block;
}


div.titan_classifications div.left
{
	display:none;
}
div.edit div.left
{
    display:block;
}


div.titan_classifications .legend
{
	margin: 0;
}
div.titan_classifications fieldset
{
	padding-bottom: 2px;
}
html.IE6 div.titan_classifications fieldset
{
    padding: 0;
}

div.titan_classifications ul
{
	list-style: none;
	margin: 0; 
	padding:0;
	font: 12px/1.75 Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
}
div.titan_classifications ul li
{
	background-color: #fcfcfc;
	border: 1px solid #dcdcdc;
	color: #666;
	margin: 2px; 
	padding: 2px 4px;
}
div.titan_classifications ul li a
{
	width: 21px;
	height: 16px;
	margin: 2px;
	padding: 0;
	display: block;
	text-indent:-9000px;
	outline:none;
	float: left;
	font-size: 1%;
}
div.titan_classifications ul li.all 
{
    font-weight:bold ;
}
div.titan_classifications ul li.some
{
    font-style:italic ;
}

/*states for multiples*/
div.edit  div.titan_classifications ul.multiple li a.all
{
	background: url(images/workarea/content/check-ticked.gif) no-repeat center center;
}
div.edit div.titan_classifications  ul.multiple li a.some
{
	background: url(images/workarea/content/check-ticked-disabled.gif) no-repeat center center;
}
div.edit div.titan_classifications  ul.multiple li a.none
{
	background: url(images/workarea/content/check-off.gif) no-repeat center center;
}


/*states for singles*/
div.edit div.titan_classifications   ul.single li a.all
{
	background: url(images/workarea/content/radio-ticked.gif) no-repeat center center;
}
div.edit  div.titan_classifications  ul.single li a.none
{
	background: url(images/workarea/content/radio-off.gif) no-repeat center center;
}


/*shared states*/
div.edit div.titan_classifications  ul li.new
{
	background-color: #f2fbea;
	border-color: #daf0c2;
}
div.edit div.titan_classifications  ul li.selected,
ul.gpsList li.selected
{
	background-color: #E3F5FC;
	border-color: #B1DEF0;
}

ul.gpsList li
{
    cursor: pointer ;
}





/* left column input filter */
div.titan_classifications div.left fieldset .ComboBox_WebBlue
{
	margin: 5px;
}
/*


/* left column select list */
div.titan_classifications div.left ul
{
	border: 1px solid #A4A4A4;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
    list-style: none;
    height: 200px;
    overflow: auto;
	margin: 2px;
}

/* left column select list button */
div.titan_classifications div.left input.button
{
	background-color: #F0F0F0;
	border: 1px solid #E1E1E1;
	border-right-color: #A4A4A4;
	border-bottom-color: #A4A4A4;
	
	margin: 4px auto;
	padding: 2px 0;
	display: block;
	font: 12px/1 Lucida Sans Unicode, Trebuchet MS, Arial, Helvetica, sans-serif;
	cursor:pointer;
}

#mainBody .Tags .column{margin-right:7px;}
#mainBody .Tags .arrowsColumn{margin-right:5px;}
#mainBody .Tags fieldset{border:1px solid #cecece;}
#mainBody .Tags .h4legend{background:#f7f7f7;border-bottom:1px solid #99b4d2;font-weight:bold;padding:4px 6px;}
#mainBody .Tags div.column ul li.select{background-color:#d2e6f3;}
#mainBody .Tags ul.valuesField{margin:0!important;padding:0;}/* hacked because the original css is hacked projectclassificationpicker.css - but really from wkst hack */
#mainBody .Tags div.column ul li{margin:0 1px!important;} /* hacked the same as above */
