﻿
body, html
{
	margin: 0px;
	padding: 0px;
	background: url(../images/body_bg.jpg) repeat-x;
	font-size: 11px;
	color: #646465;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #E5E5E5;
}

.linkColor
{
	color: #a5211f;
	text-decoration: none;
	font-size: 10px;
}
#link-class
{
	margin: 0px;
	padding: 0px;
}

#link-class span a
{
	color: #a5211f;
	text-decoration: none;
	font-size: 10px;
}


.txtbox
{
	border: 1px solid #CCCCCC;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 70%;
	color: #666666; /*text-decoration:none; 	font-size:11px;  	font-family:Verdana,Arial; 	color:#999999;*/
}

.txtboxHome
{
	border: 1px solid #CCCCCC;
	height: 16px;
	line-height: 16px;
	font-size: 9px; /*vertical-align:middle;*/
	width: 70%;
	color: #666666; /*text-decoration:none; 	font-size:11px;  	font-family:Verdana,Arial; 	color:#999999;*/
}

.dropDown
{
	border: 1px solid #CCCCCC;
	line-height: 16px;
	font-size: 11px;
	width: 70%;
	color: #666666;
}
.dropdown1
{
	border: 1px solid #CCCCCC;
	line-height: 16px;
	font-size: 11px;
	width: 7%;
	color: #666666;
}

.formtext
{
	font-weight: bold;
	color: #646465;
	font-size: 10px;
}

.listBox
{
	color: #666666;
	font-size: 11px;
}

.heading_bg
{
	background: url(../images/heading_bg.gif) repeat-x bottom left;
	height: 30px;
	font-weight: bold;
	padding-left: 15px;
	line-height: 30px;
	color: #525252;
}
.heading_bg1
{
	background: url(../images/heading_bg.gif) repeat-x bottom left;
	height: 30px;
	padding-left: 15px;
	line-height: 30px;
}
.table
{
	border: solid 1px #bababa;
}

.btnclass
{
	border: 1px solid #a9c6ef;
	background: url(../images/btn_bg.gif) repeat-x;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #404040;
	padding: 2px 6px;
}

.btnclassNoPadding
{
	border: 1px solid #a9c6ef;
	background: url(../images/btn_bg.gif) repeat-x;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #404040;
}

.ctrlHide
{
	display: none;
}

.ctrlDisplay
{
	display: inline;
}

.errorMsg
{
	color: Red;
}

.successMsg
{
	color: Green;
}




/* Grid Style----*/


.gridHeader
{
	background-color: #989898;
	color: #FAFAF8;
	font-weight: bold;
	font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}


.gridAlternateRow
{
	background-color: #EEEEEC;
	color: #494949;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*line-height: 16px; 	height: 16px; 	text-indent: 6px; 	padding: 3px;*/
}

.gridRow
{
	background-color: #FFF;
	color: #494949;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*line-height: 16px; 	height: 16px; 	text-indent: 6px; 	padding: 3px;*/
}

.gridSelectedRow
{
	background-color: #DADADA;
	color: #121769;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	height: 16px; /*text-indent: 6px;*/
	padding: 3px;
}


/*-------------*/

/* validator callouts*/

.validatorCalloutHighlight
{
	background-color: #eeeeee;
}
/*--*/

.btnClose
{
	color: Black;
}

.divStyle
{
	/*background-color:#f5f5f5; 	border:solid 1px #bababa;*/
	text-align: center;
}

.pnlPopup
{
	display: none;
	background-color: #FFFFFF;
	border: solid 1px;
}


.contextMenu
{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	background-color: #E6E5E5;
	font-family: Verdana;
	line-height: 18px;
	cursor: default;
	font-size: 10px;
	z-index: 100;
}

.scollableDivCSS
{
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: light-gray;
	scrollbar-shadow-color: light-gray;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #000000;
	background-color: #ffffff;
	overflow: auto;
}


.scollableDivCSSCamp
{
	/*background-color: #F4F4F4;
	BackColor="#F4F4F4"*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F4F4F4' , endColorStr= '#B4B4B4' , gradientType= '0' );
}
.trCSSCamp
{	
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D2D2D2' , endColorStr= '#646464' , gradientType= '0' );*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFBD6' , endColorStr= '#F89A44' , gradientType= '0' );
}

.tipsCSSCamp
{	
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D1DCE3' , endColorStr= '#DEEBF3' , gradientType= '0' );
}

/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.drsElement
{
	color: Black;
}

/*
         The main mouse handle that moves the whole element.
         You can apply to the same tag as drsElement if you want.
        */
.drsMoveHandle
{
	/*height: 20px;*/ /*background-color: #CCC;*/ /*border-bottom: 1px solid #666;*/
	cursor: move;
}

/*
         The DragResize object name is automatically applied to all generated
         corner resize handles, as well as one of the individual classes below.
        */
.dragresize
{
	position: absolute;
	width: 5px;
	height: 5px;
	font-size: 1px;
	background: #EEE;
	border: 1px solid #333;
}

/*
         Individual corner classes - required for resize support.
         These are based on the object name plus the handle ID.
        */
.dragresize-tl
{
	top: -8px;
	left: -8px;
	cursor: nw-resize;
}
.dragresize-tm
{
	top: -8px;
	left: 50%;
	margin-left: -4px;
	cursor: n-resize;
}
.dragresize-tr
{
	top: -8px;
	right: -8px;
	cursor: ne-resize;
}

.dragresize-ml
{
	top: 50%;
	margin-top: -4px;
	left: -8px;
	cursor: w-resize;
}
.dragresize-mr
{
	top: 50%;
	margin-top: -4px;
	right: -8px;
	cursor: e-resize;
}

.dragresize-bl
{
	bottom: -8px;
	left: -8px;
	cursor: sw-resize;
}
.dragresize-bm
{
	bottom: -8px;
	left: 50%;
	margin-left: -4px;
	cursor: s-resize;
}
.dragresize-br
{
	bottom: -8px;
	right: -8px;
	cursor: se-resize;
}
.printFrameSelected
{
	border: dashed 1px;
	border-color: Red;
}

.container
{
	width: 300px;
	border: solid 1px #808080;
	border-width: 1px 0px;
}

.popupbody
{
	background-color: #f2f2f2;
	border-color: #808080;
	border-style: solid;
	border-width: 0px 1px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
}

.footer
{
	background-color: #f2f2f2;
	border-color: #808080;
	border-style: none solid;
	border-width: 0px 1px;
	text-align: right;
	padding-bottom: 8px;
	padding-right: 8px;
}
.header
{
	background: url(../../images/Campaigns/sprite.png) repeat-x 0px -200px;
	color: #000;
	border-color: #808080 #808080 #ccc;
	border-style: solid;
	border-width: 0px 1px 1px;
	padding: 3px 10px;
}

.accordionHeader
{
	border: 1px solid #DADBDB;
	color: Gray;
	background-color: #eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(    '../images/btn_bg_hd.gif' );
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	cursor: pointer;
	text-align: left;
	padding: 4px;
	padding-left: 12px;
	overflow: hidden;
}

.accordionContent
{
	/*background-color: #D3DEEF;*/
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 0px;
	padding-top: 5px;
	overflow: hidden;
}
.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

/* the class used for Callout Extender in the general tab for validating date*/
.validatorCallout
{
	background-color: #9E0000;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


.txtSmall
{
	border: 1px solid #CCCCCC;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	width: 80px;
}

.modalProgressGreyBackground
{
	background: #CCCCCC;
	filter: alpha(opacity=60);
	opacity: 0.6;
	border: solid 1px Gray;
}

.modalProgresslightBackground
{
	background: #F6F6F6;
	filter: alpha(opacity=60);
	opacity: 0.6;
	border: solid 1px #F6F6F6;
}

.modalPopupProgress
{
	border-color: Gray;
	border: 2px;
	padding: 20px 3px 10px 3px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	background-color: white;
	width: 300px;
}


.TextLink
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

.TextLink:hover
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
}
.txtCustomText
{
	width: 620px;
}

/*.labelDropDown
{
	vertical-align:middle;
	border:solid 1px #bababa;
	height:18px;	
}
*/
.labelDropDown
{
	vertical-align: middle;
	border: solid 1px #bababa;
	height: 13px;
	width: 170px;
	text-align: center;
	vertical-align: middle;
}

.divDropDown
{
	background-image: url(../images/list-box.gif);
	background-repeat: no-repeat;
	background-position: left;
	border: 0px solid #ffffff;
	font-size: 11px;
	color: #666666;
	height: 19px;
	padding-left: 2px;
}

.txtboxDemographics
{
	border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 11px;
	width: 172px;
}

.txtboxDemographicsValue
{
	border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 11px;
	width: 70px;
}
.labeltext
{
	font-weight: bold;
	color: #646465;
	font-size: 8px;
}

.txtboxDropDown
{
	border: 0px solid #FFFFFF;
	color: #666666;
	font-size: 11px;
	height: 11px;
	width: 150px;
	align: right; /*text-decoration:none; 	font-size:11px;  	font-family:Verdana,Arial; 	color:#999999;*/
}


/* Context Menu 
.skin0
{
    position: absolute;
    width: 165px;
    border:1px solid black;
    background-color: menu;
    font-family: Verdana;
    line-height: 20px;
    cursor: default;
    font-size: 14px;
    z-index: 100;
    visibility: hidden;
}*/
.menuitems
{
}

.flatlistBox
{
	background: #fff;
	border: #ccc solid 1px;
}
.drsMoveHandle em
{
	visibility:visible;
	position:relative;
	z-index:99999999999;
}
.sidebox {
	margin: 0 auto; /* center for now */
	/*width: 17em;  ems so it will grow 
	width: 68em;*/
	background: url(../images/windowCorners/sbbody-r_2.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/windowCorners/sbhead-r_2.gif) no-repeat top right;
	margin: 0;
	padding: 18px 20px 5px;
	text-align: right;
}
.boxhead2 {
	background: url(../images/windowCorners/sbhead-l_2.GIF) no-repeat top left;
	margin: 0;
	
	padding: 18px 15px 5px;
	/*line-height: 1em;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em;
	
	line-height:22px;*/
	/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px; Safari-only, but cool */
}
.boxbody {
	background: url(../images/windowCorners/sbbody-l_2_temp.gif) no-repeat bottom left;
	margin: 0;
	padding: 2px 20px 24px;
}