body
{
	background-color:#F8F8FF;
	font-family: "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
/*modal box style*/
.modalContainer 
{
    background-color: White; 
    border: solid 1px black; 
    width: 400px;
	position:absolute;    
}
a img
{
    border-width:0px;
    }
a
{
    color:Navy;    
    }
a:hover
{
    color:blue;
        }   
/*---------------- small icons (menu)--------------------*/   

.menuico{
     background:transparent url(../img/a/icons/s/all-default.png) 0px 0px no-repeat;    
     height:16px;
     width:16px;
     overflow:hidden;     
     vertical-align:middle;
}
/*---------------- action icons --------------------*/   
.actico{    
     background:transparent url(../img/a/icons/all-act-default.png) 0px 0px no-repeat; 
     height:24px;
     width:24px;
     overflow:hidden;     
     vertical-align:middle;
}

/*---------------- inline info and boxes--------------------*/
span.info {/*info inline text*/
    text-decoration:none;
    border-bottom:dashed 1px #D3D3D3;
    cursor:pointer;
}
.infoBox
{
    border:solid 2px #D3D3D3;
    background-color: white;
    width:300px;
    position:absolute;	 
}
.infoHeader
{   
    background-color: #F8F8FF;
    color:black;	
	font-weight: bold;
}
.infoContent
{   
   background-color: White;
   color:black;
   text-align:left;
}

/*-----------title as note-----------*/
#titleAsNote{
    position: fixed;
    z-index: 2;    
    width: 20em;
    margin: 1em;
    padding: 7px 5px 7px 10px;
    font: 12px "Franklin Gothic Medium", "Trebuchet MS", Tahoma, Lucida, Geneva, verdana, sans-serif;
    text-align: left;
    color: black;
    background-color: White;
    border: 1px solid #111;
    }
/* star html hack - IE only */
* html #titleAsNote{
    position: absolute;
    }
/* a bet on future IEs */
#titleAsNote[id]{
    position: fixed;
    }
/*---------------- main elements--------------------*/
.mainTopTd /*top master page cell*/
{
    background-color: #F8F8FF;
   }
.mainBottomTd
{
    background-color: #F8F8FF;
    }
.mainLeftTd /*left master page cell*/
{
    background-color: #F8F8FF;
    } 
.mainContentTd /*center master page cell*/
{
    background-color: #F8F8FF;
    } 
.menuContainer
{
    background-color: #F8F8FF;    
}
.simpleContentContainer /**/  
{
    background-color: #F8F8FF;
}  
/*----------------  list table -----------------------*/
table.listtable
{
	width:100%;	
	background-color: #D3D3D3;
	text-align:left;
}

tr.listheader 
{
	background-color: #F8F8FF;
	color:black;
	font-weight: bold;	
}

td.listheader
{	
	text-align:center;
}
tr.listpager
{
    } 
td.listpager
{
    background-color: #F8F8FF;
    padding: 1px 1px 0px 1px;
    }
tr.content, td.content
{
	background-color: White;
	color:black;
}

tr.footer
{
	background-color: #F8F8FF;
	color:black;
	font-weight: bold;
}
td.footer
{
}
.SelectedItem
{
	background-color:#F8F8FF;
	}
/*----------------end list table --------------------*/


/*----------------Edit table ------------------------*/
span.rc /*a sign for required fields*/
{
	color:Red;
	}
span.editcomment /*some field comment like max size or format */
{
	font-size:smaller;
	color:Gray;
	}
table.edittable
{
	width:100%;	
	background-color: #D3D3D3;
}

tr.editheader 
{
	background-color: #F8F8FF;
	color:Black;	
	text-align:center;
}
td.editheader, th.editheader
{	
    background-color: #F8F8FF;
	color:Black;
	padding:3px;
	font-weight:bold;
}

tr.editcontent
{
	background-color: White;
	color:black;
}

td.editlabel
{	
    background-color: White;
	color:black;
	text-align:right;	
	padding:3px;
}
td.editvalue
{
    background-color: White;
	color:black;
	text-align:left;
	padding:3px;
}
tr.editfooter
{
	background-color: #F8F8FF;
	color:black;	
}
td.editfooter
{
    padding:5px 3px 5px 3px;	
	text-align:center;
	padding:3px;
}
.editerror
{
    background-color: White;
	color:red;
	font-weight:bold;
    }
.editok
{
    background-color: #98FB98;
	color:black;
	font-weight:bold;
    }
/*----------------end edit table --------------------*/
/* BUTTONS */

a.textButton
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer; 
	cursor:hand; 
	line-height:23px;
	background:url(../img/a/icons/modernButton.png) no-repeat right top; 
	padding-right:30px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
	text-decoration:none;
}
.textButton span  
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	background:url(../img/a/icons/modernButton.png) no-repeat left top; 
	height:23px;
	display:block;
	display:inline-block;
	padding-left:30px; 
	line-height:23px;
}
a.textButton:hover {background-position:right -23px;}
a.textButton:hover span {background-position:left -23px;}

.button
{
    cursor:pointer;     
	color: #069; 
	font: bold 11px helvetica, arial, Sans-Serif;
}
.textCloseButton:link, .textCloseButton:visited
{
   font-family:Arial,sans-serif;
   font-size: small;
   font-weight:bold;
   color:#ffffff;   
   background-color:#CC0000;
   border-style:solid;
   border-color:#152923;
   border-width:1px;
   padding-left:3px;
   padding-right:3px;
   text-decoration:none;
}
.textCloseButton:hover, .textCloseButton:active
{
   color:#000000;
   background-color:#FF0033;
   border-color:#223A1E;
}


/*------------------IMPORT CONTACTS ERROR ROW------------*/
.importErrorRow
{
    background-color:#FF6F60;
}
/*-----contact optin status color classes*/
.Active
{
	color:#BEE14F;	
	}
.OptInSent
{
	color:#d5f07b;	
	}
.OptOutSent
{
	color:#ed7a91;	
	}
.Unsubscribed
{
	color:#dc4d69;	
	}
/*------------------menu------------*/
.menu 
{
    font-family:"Franklin Gothic Medium", "Trebuchet MS", Tahoma, Lucida, Geneva, verdana, sans-serif;
    /*font-family:Menu ;*/
	font-size: 100%;
	line-height: normal;
}
.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;    
    display: block;
}
.menu ul ul {
    margin-left: 20px;
    width: auto;
}
.menu li {
    display: block;
    margin: 2px 0;
    padding: 0; 
    white-space:nowrap;
    padding-right:10px;   
}
.menu li div {
	margin-left: 3px;
	display: inline;	
}
.menu li a, .menu li span 
{
    padding-bottom:3px;
    display:inline-block;	 	
    text-decoration: none;
    color: black;   
} 
.menu li img
{
	vertical-align:text-bottom; 
} 

.menu li.collapsed,.menu li.expanded 
{    
    overflow:hidden;         
    cursor: pointer;        
    white-space:nowrap;            
}

.menu li.expanded ul {
    display:block;
}
.menu li.collapsed ul {
    display:none;
}


.menu li a.SelectedMenuItem
{    	
    text-decoration: underline;
    font-weight:bold; 
} 
.menu li a:hover {
    text-decoration: underline;
}

/*------------------site path------------*/
.sitePath 
{
    font-family:"Franklin Gothic Medium", "Trebuchet MS", Tahoma, Lucida, Geneva, verdana, sans-serif;
	font-size: 70%;
	line-height: normal;
	background-color: #F8F8FF;
}
.sitePath ul {
    margin: 0;
    padding: 5px;
    list-style: none;
    display: block;
}
.sitePath li {
    display: inline;
    margin: 2px 0;
    padding: 0; 
    white-space:nowrap;    
}
.sitePath li a 
{
    border-bottom:solid 1px black;
    display:inline-block;	 	
    text-decoration: none;
    color: black;   
    margin-right:5px;   
    margin-left:5px;   
} 

.sitePath li a:hover {
     border-bottom:dashed 1px black;
}
/*---------------------assets---------------------*/
a.folder{
	background-color: White;
}
a.folder:hover {
     background-color: #D3D3D3;
}
/*---------------------Pager---------------------*/
a.pagerLink
{
    }
a.pagerLinkHi
{
    font-size:larger;
    }
table.pager
{
    
    }
tr.pager
{
    background-color: #F8F8FF;
	color:black;	
	text-align:center;
    }
td.pager
{
    padding:3px 3px 3px 3px;
    }
/*-------------SWFU-------------------*/
.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}
.red /* Error */
{
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.green /* Current */ 
{
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.blue /* Complete */
{
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: "Franklin Gothic Medium", "Trebuchet MS", Tahoma, Lucida, Geneva, verdana, sans-serif;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(../img/a/icons/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}

a.flag,
a.flag:link,
a.flag:active,
a.flag:visited,
a.flag:hover
{
	float:right;
	display:block;
	height:11px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	background-color:Transparent;
	border: solid 1px Transparent;
}
a.flagSelected,
a.flag:hover 
{
	float:right;
	display:block;
	height:11px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	background-color:#FFFFCC;
	border: dotted 1px gray;
}
