/* -----------------------------------*/
/* --->> PROFILE EDIT MODULES <<<-----*/
/* -----------------------------------*/

td.editModule a, .removeModule a{cursor: pointer;}
td.editModule a{ background:url(../../Assets/Images/edit.png) no-repeat; display:block; width:50px; height:15px;}
td.editModule a:hover{ background:url(../../Assets/Images/editHover.png) no-repeat; display:block; width:50px; height:15px;}

td.removeModule a{ background:url(../../Assets/Images/wclose.png) no-repeat; display:block; width:18px; height:18px;}
td.removeModule a:hover{ background:url(../../Assets/Images/wcloseHover.png) no-repeat; display:block; width:18px; height:18px;}

.editControls{ text-align:right; height:33px; padding:7px 10px 0pt 0pt;}
.addContentNoScroll { height:230px;}
.addContent{ height:230px; overflow-y: auto; overflow-x: hidden;}

.profileEditControls {background:#020000 url(../Images/modualbg.jpg) repeat-x;margin:0pt auto; width:990px; padding:0;}
.profileEditControls input{border:medium none;
color:#000;
cursor:pointer;
font-size:14px;
margin:0pt 0pt 0pt 1em;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:2pt 2pt 3pt 30px;
text-align:left;
text-transform:none;
}

html .editControls a{background:url(../images/DashboardIcons/toolsicon.png) 5pt 2pt no-repeat; width:5em; font-size:14px;  float:none; display:inline-block; font-weight:normal; padding:2pt 2pt 3pt 30px; text-align:left;
text-transform:none;}
html .editControls a:hover{background:url(../images/DashboardIcons/toolsicon.png) 5pt 2pt no-repeat; width:5em; color:#000; font-size:14px;  float:none; display:inline-block; font-weight:normal; padding:2pt 2pt 3pt 30px; text-align:left;
text-transform:none;}


.profileEditControls #ctl00__editDesignButton{background:url(../Images/themeIcon.gif) 5pt 4pt no-repeat; width:9em;}
.profileEditControls #ctl00__enableEditMode{background:url(../Images/previewIcon.gif) 5pt 4pt no-repeat; width:6em;}
.profileEditControls #ctl00__cancelLayoutButton{background:#999 url(../Images/previewIcon.gif)  5pt 4pt no-repeat; width:6em; border:1px solid #666;}
.profileEditControls #openEditModeLink{background:url(../Images/openMod.gif) 5pt 4pt no-repeat; width:8.3em;}
.profileEditControls #closeEditModeLink{background:#999 url(../Images/closeMod.gif) 5pt 4pt no-repeat; width:8.3em; border:1px solid #666;}

.profileEditControls td{ vertical-align:top;}
.profileEditControls a{text-align:left;	display:block;padding:3px 3px 3px 7px;width:140px;color:#000;float:left;font-size:11px; text-decoration:none;}
.profileEditControls a:hover{text-decoration:underline;}
.profileEditControls h3{background:#020000; color:#FFFFFF; font-size:14px; margin:0pt 20px 10px 0pt; padding:5px; text-align:left;}

.moduleTop
{
	padding: 2px 0px 2px 0px;
	text-indent:0px;
	background: #333333;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.moduleTop img, .moduleTop table, .moduleTop td, .moduleTop div
{
	border:none;
	font-size:12px;
	color:#fff;
}

.moduleTopMinMax

{
	width:25px; 
}

.moduleTopTitle
{
	width:100%; 
	color:White; 
	font-weight:bold;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif; 
	padding-left:8px;
}

.moduleBody
{
	padding:0px;
}

.moduleContainer
{
	border:1px dotted #333;
	padding:0px;
	margin-top:15px;
}




.highlights .appHighlights
{
	font-size:12px;
	color:#333;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.highlights .appHighlights th
{
	font-size:14px;
	color:#fff;
	background:#00ACD4;
	padding:4px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

.highlights .appHighlights td
{
	padding:4px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;	
	
}

.highlights .appHighlights tr.color
{
	background:#eeefef;
}

.highlights .appHighlights tr.ResultHighlight
{
	background:#C0F4F9;
}

.OnLine
{color:#99cc00;
}


.btn
	{
		border:1px solid #999;
		background:#333 url(../Images/btnBack.gif) repeat-x;
		color:#222;
		text-transform:uppercase;
		padding:1px 1px;
		font-size:12px;
		font-weight:normal;
	}
	
	
.dropZoneViewer
{
    height:75px;
    background:url(../Images/dz.gif) center center no-repeat;
    border:1px solid #999;
}

/*-----modal Popup Styles ----------------------------------------------------------------------*/

#popupMask {
	position: absolute;
	z-index: 20000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .9;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("../Images/maskBG.png") !important;
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	background-color: #ffffff;
	position: absolute;
	z-index: 20001;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
	height:475px;
	border: 8px solid #333;
	text-align:left;
	
}
#popupInner {

	background-color: #ffffff;
	padding:0;
	height:450px;
	margin:0;
	
}

#popupFrame {
	margin: -30px 0 -30px 0;
	padding:0;
	height: 450px;
	position: relative;
	z-index: 20002;
	text-align:left;
	
}

html>body #popupFrame {
	margin: 0 0 0 0;
	padding:0;
	height: 450px;
	position: relative;
	z-index: 20002;
}

#popupTitleBar {
	color:#000;
	font-size:25px;
	font-weight:bold;
	position: relative;
	z-index: 20003;
	height:0;
	padding:0;
	text-align:left;
}

/* -----------------------------------*/
/* --->> Action Card Styles   <<<-----*/
/* -----------------------------------*/

.login{margin:7px 0;}


/* -----------------------------------*/
/* --->> Action Card OverRide Styles   <<<-----*/
/* -----------------------------------*/

html .actionCardWrap{ padding:10px;}

html .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMainV2{ padding:0 0 10px 0;}

html .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMainV2 a {
display:block;
margin:0 2px;
padding:7px 5px 7px 25px;
text-decoration:none;
}

html .MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMainV2 a:hover {
display:block;
margin:0 2px;
padding:7px 5px 7px 25px;
text-decoration: underline;
}

.MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMainV2 .sendMessageLink {
background:transparent url(../../assets/images/icon_sendMsg.gif) no-repeat scroll 0 7px;
}

.MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMainV2 .addCommentLink {
background:transparent url(../../assets/images/icon_addComment.gif) no-repeat scroll 0 7px;
}

.MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMainV2 .tellAFriendLink {
background:transparent url(../../assets/images/icon_tellFriend.gif) no-repeat scroll 0 7px;
}

.MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMainV2 .blockUnblockLink {
background:transparent url(../../assets/images/icon_blockUnblock.gif) no-repeat scroll 0 7px;
}

.MainContentHolder .MainContentContainer .moduleDisplayContainer .actionMainV2 .reportAbuseLink {
background:transparent url(../../assets/images/icon_reportAbuse.gif) no-repeat scroll 0 7px;
}