body, body.pagemargin{margin:0px; padding:0px;  }
input.char-remain{ font-size:11px; color:#999999 }
body, select, input, textarea, .font, .smallfont, .notes, .helpstep, .helptitles, .help,  .small-link-white, .small-link-grey, .font-red-error-msg, .font-grey-error-msg, .font-orange-other-msg, .note, .font-white, .font-whitebold, .smallfont-white, .smallfont-white-bold, .fontbold, .fontgrey, .fontdarkgrey, .fontbolddarkgrey, .fontgreyLight, .smallfontgreyLight, .textsmall, .button_grey, .button_Ash, .button_Ash_Big, .btn_Big_grey, .fontred, .smallfont_black, .smallfontbold, .smallfont-float, .smallfont-red, .textfield-smallfont, .smallerfont-arial, .pulldn, .pulldn_small, .fontgreysmall, .generalmessagebold, .greylinks, .links, .smallfont-arial  {font-family:Arial, Helvetica, sans-serif;}

body, select, input, .font, .smallfont, .helpstep, .helptitles, .help,  .small-link-white, .fontbold, .textsmall  { color: #333333;	}
a:hover, a:active, a:focus {
  outline: 0;

}
.font, .smallfont{ font-weight:normal}

body, select, input, .font, .helpstep, .helptitles, .font-white, .font-whitebold, .fontbold, .fontgrey, .fontdarkgrey, .fontbolddarkgrey, .fontgreyLight, .button_Ash_Big, .btn_Big_grey, .font, .font-whitebold, .fontbold, .fontgrey, .fontbolddarkgrey, .fontgreyLight, .fontred, .pulldn, .greylinks, .links, .fontblue, .font-subtitle, .font-arial, .smallfont-title {font-size:12px;}

select{ padding:0px; }
input[type="input"], textarea{border:1px solid #7f9db9; padding:4px;}

.smallfont, .smallfont-white, .smallfont-white-bold, .smallfontgreyLight, .smallfont_black, .smallfontbold, .smallfont-float, .smallfont-red, .textfield-smallfont, .fontgreysmall, .generalmessagebold, .button_Ash, .button_grey,  .smallfont-verdana, .char-remain .notes, .note, .help,  .small-link-white, .small-link-grey, .textsmall, .button_Ash, .btn_GO_06, .smallfont-arial  {font-size: 11px;}

.buttonDark, .buttonDark_arrow, .button, .button_arrow, .button_arrow_grey, .button_premium, .button_premium_grey, .button_fixsize, .button_Orange  { cursor:pointer}

.btn-pub-fb, .btn-pub-tw, .btn-pub{border:1px solid; border-color:#959595; height:21px; font-size:11px; font-weight:bold}
.btn-pub-fb, .btn-pub-tw{ padding-right:24px;}
.btn-pub-fb{ background:url(icons/btn-pub-fb.jpg) right; width:97px }
.btn-pub-tw{background:url(icons/btn-pub-tw.jpg) right; width:97px}
.btn-pub{ background:url(icons/btn-publish.jpg) right; width:163px}

.btn-strip-dm{padding:6px; margin:0 1px}

.v-mid{vertical-align:middle}

.td-space-lr {padding-left:6px; padding-right:6px;}

.table{ display:table}

/*Used in paging unit - DR*/
td.bdr_blue{white-space:nowrap; padding-left:8px; padding-top:2px; padding-right:23px; border-width:1px 0}

.clear{ clear:both}

.font-grey-error-msg, .font-red-error-msg,  .font-orange-other-msg, .font-whitebold_13 {font-size:13px;  }

.multiling{overflow:auto; height:130px; width:240px; border:1px solid #7F9DB9; margin:4px; text-align:left}


/*top bar november-2008*/
#topbar-images{margin-left:13px; width:605px; height:48px; float:left}
#topbar-inner{width:1005px;}

/* #toprightlinks2 and #toprightlinks-rb-curve2 are used when the training does not appear*/

#toprightlinks-rb-curve, #toprightlinks-rb-curve2{background:#D6D6D6 url('icons/top-right-links-corner-rb.gif') no-repeat right bottom; width:333px; float:right; margin-right:4px; margin-top:-1px; height:17px; }
#toprightlinks-rb-curve2{width:270px;}

#toprightlinks-rb-curve-sogo, #toprightlinks-rb-curve2-sogo{background:#D6D6D6 url('icons/top-right-links-corner-rb.gif') no-repeat right bottom; width:333px;  margin-right:4px; margin-top:-1px; height:17px; }
#toprightlinks-rb-curve2-sogo{width:270px;}

#toprightlinks, #toprightlinks2{height:18px; font:10px Verdana; color:#333;  background:#D6D6D6 url('icons/top-right-links-corner-lb.gif') no-repeat left bottom; padding-left:6px; width:323px;}

#toprightlinks2{width:260px; }

#toprightlinks ul, #toprightlinks2 ul {margin:0; padding:1px 0 0 1px; list-style:none;}
      
#toprightlinks ul{ width:323px;}
#toprightlinks2 ul{ width:260px;}
#toprightlinks li, #toprightlinks2 li { display:inline; margin:0; padding:0;}
#toprightlinks a, #toprightlinks2 a {height:15px; float:left; margin:0; padding:1px 7px 0 7px;
border-right:1px solid #fff;}
      
#toprightlinks a:link, #toprightlinks2 a:link {color:#333; text-decoration:none;}
#toprightlinks a:visited, #toprightlinks2 a:visited {color:#333; text-decoration:none;}
#toprightlinks a:hover, #toprightlinks2 a:hover {color:#333; text-decoration:underline}
	 
#toprightlinks a.first, #toprightlinks2 a.first{padding-left:0px}

/*end top bar 2008*/  
  

/* Shadow classes*/

/* A class called 'shade' also exists in common-qm.css. Please do not create another class called shade. */
.shadow{border-right:3px solid #E6E6E6; border-bottom:3px solid #E6E6E6; background-color:#FFFFFF; }

/* USED IN - Test Invites*/
.shadow-png{ background-image:url(icons/fade-dark-lighter.png); padding:3px;}

.pngshadow{display:table; padding-right:3px; padding-bottom:2px; padding-left:2px;  background-image:url(icons/black-trans.png);}

/* help file shadows*/
.shadow-png-white{ background-image:url('icons/white-trans.png'); padding:0 2px 2px 0;}
.shadow-png-black{ background-image:url('icons/black-trans.png'); padding:0 2px 2px 0;}

/* END Shadow classes*/


/*Used in Common Layer Help Files*/
.help_content-common{background-color:#f4f4f4; padding:8px; border:1px solid #000}
.help_title-common{ background-color:#000; padding:4px 8px; height:14px; color:#FFFFFF}
/*END Used in Common Layer Help Files*/ 


.formfields, .formnumeric, .font1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#9F9F9F;}
.formnumeric{ width:70px; margin:3px;}


/*Used in Salesforce-Integration*/
.top_bg_salesforce { background-color:#EDEDED; border-bottom:1px solid #D4D4D4;}



/*Text looks like a link, but actually doesn't hv a hyperlink although it is clickable - used in Edit Question */
.link-non{ cursor:pointer; color:#2B399A; text-decoration:underline;}
.link-non-nohand{ color:#2B399A; text-decoration:underline;}

/*Bulleted Notes*/
.notes{margin-top:0px; padding-left:9px; margin-left:13px; margin-bottom:7px;  font-size: 11px; line-height:13px; color: #555555;}

/*Bullet with Images*/
ul.bullets li{ list-style-image: url(icons/bullet.gif); margin-top:8px}


/*Created for UM in March2009 - requested by Nitin */
#divSurveyRepeater{overflow:auto; height:162px; width:347px; margin-left:15px; line-height:16px; padding:1px 0; }
.folderhover{text-decoration:none; background-color:#DFDFDF; color:#222}
/*Harmonizing Platform*/

.left-div {width:135px; margin:2px 8px 0px 0px; float:left;}	
	
.help{ padding:5px 5px 0px 7px; border:1px solid #FC9E73;  font-size:11px; background-color:#FFF7EF;}

.fl {FLOAT: left; top:0px;}
.fr {FLOAT: right; top:0px;}

/*.bg-cream2 & bdr_grey_2 are used in Charts PopUp*/
.bg-cream2 {background-color: #FFFFD7;}



/*Links*/

.small-link-white { font-size: 11px; color:#ffffff; font-weight:normal;  }
.small-link-white a {text-decoration:none; color:#ffffff; }
.small-link-white a:visited {text-decoration:none; color:#ffffff; }
.small-link-white a:hover {text-decoration:underline; color:#ffffff; }

.small-link-grey { font-size: 11px; color:#333333;}
.small-link-grey a {text-decoration:none; color:#333333; }
.small-link-grey a:visited {text-decoration:none; color:#333333; }
.small-link-grey a:hover {text-decoration:underline; color:#000000; }

.greylinks, .greylinks a, .greylinks a:link, .greylinks a:visited { color:#333333; font-weight:normal}

.greylinks_sm, .greylinks_sm a, .greylinks_sm a:link, .greylinks_sm a:visited { font-size: 11px; color:#333333; font-weight:normal;}

.greylinks_smaller, .greylinks_smaller a, .greylinks_smaller a:link, .greylinks_smaller a:visited  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#333333;}

.blacklinks_sm, .blacklinks_sm a, .blacklinks_sm a:link, .blacklinks_sm a:visited { font-size: 11px; color:#222222; font-weight:normal;}

.greylinks a:hover, .greylinks_sm a:hover, .greylinks_smaller a:hover, .blacklinks_sm a:hover {color:#000000;}


/*GRAY - BG Colors and Border combinations*/
.bg-greylight_bdr_grey {background-color: #F4F4F4; border:solid #C4C4C4; border-width:1px;}

/*BG Colors*/
.bg-grey {background-color: #D1D1D1;}
.bg-grey_2006 {background-color: #B4B4B4;}
.bg-greylight {background-color: #EDEDED;}
.bg-greylighter {background-color: #F4F4F4;}

.bg-greydark {background-color:#566577;}
.bg-greydark2 {background-color:#666666;}

.bg-cream {background-color: #FAFDF7;}



/*Borders*/

.bdr_red {
border: 1px solid #C52115;}

/*Borders-White*/
.bdr_white, .bdr_white_left, .bdr_white_right, .bdr_white_left-right, .bdr_white_top, .bdr_white_bottom, .bdr_white_top-bottom {border: solid #ffffff;}
.bdr_white {border-width: 1px;}
.bdr_white_left {border-width: 0 0 0 1px;}
.bdr_white_right {border-width: 0 1px 0 0;}
.bdr_white_left-right {border-width: 0 1px;}
.bdr_white_top {border-width: 1px 0 0 0;}
.bdr_white_bottom {border-width: 0 0 1px 0;}
.bdr_white_top-bottom {border-width: 1px 0;}

/*Borders-Grey*/
.bdr_grey{ border:1px solid #A4A4A4;}
.bdr_greydark{ border:1px solid #8A8A8A;}
.bdr_grey_2 {border-top: 1px solid #757575; border-bottom: 1px solid #757575;}
.bdr_greylight {border:solid #D1D1D1; border-width:1px;}
.bdr_greyNew_rl, .bdr_greyNew_rlb, .bdr_greyNew_r, .bdr_greyNew_b, .bdr_greyNew_t{border:solid #B4B4B4;}
.bdr_greyNew_rl {border-width:0 1px 0 1px;}
.bdr_greyNew_rlb {border-width:0 1px 1px 1px;}
.bdr_greyNew_r {border-width:0 1px 0 0;}
.bdr_greyNew_b {border-width:0 0 1px 0;}
.bdr_greyNew_t {border-width:1px 0 0 0;}

.bdr_whiteL-greyR {border-left:solid #ffffff 1px; border-right:solid #B4B4B4 1px;}

/*Borders-Grey - used for Matrix-grid Reports*/
.bdr_grey_b {border:solid #eeeeee; border-width:0px 0px 1px 0px;}
.bdr_Reports{ border-bottom:6px solid #566577; padding-bottom:20px;}
 

/* Form fields */
.txtfield_new {	color: #000000;}
.pulldown_fold {color: #121212;}


/* Error Messages Format */

/* Created in 2009 */
.msg-box{border:1px solid #d92417;}
.msg-box div.title{padding:2px 10px}
/* END Created in 2009 */

.font-red-error-msg {font-size: 13px;color: #B2170E;}
.font-grey-error-msg {font-size: 13px;color: #333333;}

.font-grey-error-msg a { text-decoration:none; color:#333333;}
.font-grey-error-msg a:link { text-decoration:none; color:#333333;}
.font-grey-error-msg a:visited { text-decoration:none; color:#333333;}
.font-grey-error-msg a:hover { text-decoration:underline; color:#000000;}

.font-orange-other-msg {font-size: 13px;color: #E15F1D;}


/* 'Note' Font */
.note {font-size: 11px;	color: #C52115;}



/* Cursor Hand on Whole Table or Rows or Cell */

.only-hand {cursor:pointer}

.white {background-color: #FFFFFF;}

.font-whitebold_13 {font-size: 13px; color: #ffffff; font-weight:bold;}
.font-greybold_13 {font-size: 13px;	color: #333333;	font-weight:bold;}

.font { color: #333333; font-weight:normal;}

.font-white, .font-white a:link, .font-white a:visited, .font-white a:hover, .font-whitebold, .smallfont-white, .smallfont-white a:link, .smallfont-white a:visited, .smallfont-white a:hover, .smallfont-white-bold { color: #ffffff;}

.font-whitebold, .smallfont-white-bold, .fontbold, .fontbolddarkgrey, .smallfontbold, .smallerfontbold  {font-weight:bold;}

.fontbold, .fontdarkgrey, .fontbolddarkgrey, .smallfont, .smallfontbold  {	color: #333333;}
.fontgrey {	color: #525252;}
.fontgreyLight, .smallfontgreyLight {color: #ADADAD;}

.smallfont_black {color: #121212;}

.smallfont-float { color: #333333; float:left; padding:3px 3px 1px 3px; }

.smallerfont, .smallerfontbold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}
.smallerfont-arial { font-size: 10px; color: #333333; font-weight:normal; }

.fontred, .fontred a, .fontred a:link, .fontred a:visited, .fontred a:hover,
.smallfont-red, .smallfont-red a, .smallfont-red a:link, .smallfont-red a:visited, .smallfont-red a:hover {color: #B2170E;}

.fontblue {	color: #0652AD;}

/*Text Fields - Single Line */

.textfield-smallfont {font-size: 11px; color: #333333; padding: 1px 2px 1px 2px;}

.textfield_date, .textfield, .textfieldmedium, .textfieldsmall, .textfieldsmaller, .textfieldflexy, .textfield_disabled, .textfield_disabled-matrix, .textfield_mandatory, .textfieldmultiline2, .textfieldmultiline, .textfieldmultiline22, .textfieldmultiline3, .textfieldmultilinesmall, .textfieldmultiline4, .txt-field-browse, .textfield-LnF  {font-family:Arial, Helvetica, sans-serif; font-size:12px;	 color: #333333; padding: 1px 2px; }

.textfield_date {width: 65px; padding: 2px 2px 1px 2px;}
.textfield {width: 250px; }
.textfield-LnF {width: 47px; }
.textfieldsmall {width: 50px; }
.textfieldsmaller {width: 45px; }
input.textfield_disabled{color: #a3a3a3; border: 1px double #7F9DB9; background-color: #E5E2DA; padding: 2px 2px;}


.disabled{color: #a3a3a3; border: 1px double #7F9DB9; background-color: transparent;}/*PRT:29731 background color changed to transparent*/

.textfield_disabled-matrix {color: #a3a3a3;	border: 1px double #7F9DB9;	background-color: #E5E2DA;	padding: 2px 2px; width:182px;}	
.textfield_mandatory {padding: 2px 2px;	border: 2px double #CC0000;	}

/*Text Fields - Multi Line */
.textfieldmultiline2 {padding: 2px;	margin: 0px; width: 250px;	height: 80px;}
.textfieldmultiline {padding: 2px; margin: 0px; width: 250px; height: 100px;}
.textfieldmultiline22 {	background-color: #FFFFFF; padding: 2px; margin: 0px; width: 450px;	height: 80px;}	
.textfieldmultiline3 {background-color: #FFFFFF; padding: 2px; margin: 0px; width: 200px; height: 100px;}	
.textfieldmultilinesmall {background-color: #FFFFFF; padding: 2px; margin: 0px; width: 150px; height: 100px;}
.textfieldmultiline4 {background-color: #FFFFFF; padding: 2px; margin: 0px;	width: 400px; height: 200px;}
.txt-field-browse {	padding:2px 2px 1px 2px;}

/*Pull Down*/
.pulldn {color: #333333; font-weight:normal;}
.pulldn_small {	font-size: 11px; color: #333333;font-weight:normal;}

.pulldn_smaller {font-family: Verdana,Arial, Helvetica, sans-serif;	font-size: 10px;
	color: #121212;
}

.pulldn_2 {	color: #333333;}


/* Used in loader.ascx */
.generalmessagebold {font-weight: bold; color: #333333;}

.bluelinks {  color:#2B399A;}
.bluelinks a { color:#2B399A;}
.bluelinks a:link {color:#2B399A;}
.bluelinks a:visited { color:#2B399A;}
.bluelinks a:hover { color:#000000;}

.bluelinks_small { font-size: 11px; color:#2B399A;}
.bluelinks_small a { color:#2B399A;}
.bluelinks_small a:link {color:#2B399A;}
.bluelinks_small a:visited { color:#2B399A;}
.bluelinks_small a:hover { color:#000000;}

.links {  color:#2B399A;}
.links a {text-decoration:none; color:#2B399A;}
.links a:link {text-decoration:none; color:#2B399A;}
.links a:visited {text-decoration:none; color:#2B399A;}
.links a:hover {text-decoration:underline; color:#000000;}

.small-links { font-size: 11px; color:#808080;}
.small-links a {text-decoration:none; color:#2B399A;}
.small-links a:link {text-decoration:none; color:#2B399A;}
.small-links a:visited {text-decoration:none; color:#2B399A;}
.small-links a:hover {text-decoration:underline; color:#000000;}

.bg-red {background-color: #D92417;}

.bg-zarcablue {background-color: #356DB8;}

.fontgreysmall {font-weight:normal;}

/*Not Sure if necessary - Ends Here*/


.bdr_grey-b{border-bottom: 1px solid #D5D6D3;}


/*buttons_2006*/

/*Button

.button_grey {	
	font-weight: bold;
	color: #ffffff;
	background-color: #BABABA;
	border-top: 1px solid #FBFBFB;
	border-right: 1px solid #6F6F6F;
	border-bottom: 1px solid #6F6F6F;
	border-left: 1px solid #FBFBFB;
	height: 21px;
}



.btn_common {
	background-image: url(icons/bg_button.gif);
	color: #000000;
	border: 1px solid #939393;	
	font-size: 13px;
	background-color:#E5E5E5;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 2px 2px 2px;
	width:60px;
	font-weight: bold;
	cursor:pointer;
}

.button_Ash, .button_Ash_Big{background-color: #4D6D88; border-top: 1px solid #ACBFD0;	border-right: 1px solid #161F26; border-bottom: 1px solid #161F26; border-left: 1px solid #ACBFD0;}

.button_Ash, .button_Ash_Big {font-weight: bold; cursor:pointer; color:#ffffff; }

.button_Ash{height: 21px;}

.button_Ash_Big {padding:2px 5px 2px 6px;}

.btn_Big_grey {
	font-weight: bold;
	color: #ffffff;
	background-color: #BABABA;
	border-top: 1px solid #FBFBFB;
	border-right: 1px solid #6F6F6F;
	border-bottom: 1px solid #6F6F6F;
	border-left: 1px solid #FBFBFB;
	padding:2px;
}*/

/*expand-collapse can be used anywhere. so far used in participation report*/
.expand a, .collapse a{font-weight:bold;
	padding:3px 44px 3px 24px;
	display:block;
	background-repeat: no-repeat;
	background-position: left;}
	
.expand a{background-image: url(icons/masterlog-.gif);}
.expand a:link, .collapse a:link  { text-decoration:none;}
.expand a:visited, .collapse a:visited { text-decoration:none;}
.expand a:hover, .collapse a:hover {  text-decoration:underline }

.collapse a{background-image: url(icons/masterlog+.gif);}

/* Used in Saved Rep, Emailed Rep. Can be used in Dist Report for the Alphabetical DD in future*/

.wt_dropdn{border:1px solid #4D4D4D; background-color:#cccccc;}
.wt_dropdn_select{padding:0px 4px 0px 4px; font-size: 11px; color:#333333;}
.wt_dropdn_select a,
.wt_dropdn_select a:link,
.wt_dropdn_select a:visited,
.wt_dropdn_select a:hover {text-decoration:none; color:#333333; }

/*From Reports Common*/
.multiselect{border:1px solid #7F9DB9; height:90px; overflow:auto; padding:1px 4px; width:270px;}
/*From Reports Common*/

.splashbox {
    margin: 0 auto;
    padding: 10px;
    width: 680px;
}
.boxarea {
    border: 2px solid #1C579D;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 3px 3px #CCCCCC;
    color: #FEF4E9;
    font-weight: bold;
    margin: 0 auto;
}
.headerarea 
{
	background: #2063b3;
    background: -moz-linear-gradient(center top , #2D7BD9, #184B87) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#2d7bd9), to(#184b87));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d7bd9', endColorstr='#184b87');
    -moz-border-top-right-radius: 10px; -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
    border-top-left-radius: 10px;border-top-right-radius: 10px;
    -moz-text-shadow: 0 0 0 transparent, 1px 1px 10px #f2f2f2;
    -webkit-text-shadow: 0 0 0 transparent, 1px 1px 10px #f2f2f2;   
    text-shadow: 0 0 0 transparent, 1px 1px 10px #f2f2f2;
    color: #FFFFFF;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 18px;
    padding: 17px 20px;
    text-align: center;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0), 1px 1px 10px #F2F2F2;
}
.contentarea {
    background-color: #FFFFFF;
    border: 2px solid #1C579D;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: -1px -2px 6px #888888 inset;
    color: #3C3C3C;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 2px 10px;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #FFFFFF;
}
.msgtxt {
    color: #1E1E1E;
    float: left;
    font-size: 15px;
    padding: 10px;
    text-align: left;
    width: 420px;
}
p.erpg, ul.erpg{
    color: #4B4B4B;
    line-height: 22px;
    margin: 0;
    padding: 5px 0 0 18px;
}

/* Help Button on EM */
.btn-hlp{    
    background-image: url("../images/icons/i_help_2011.gif");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 10px;
    text-align: left;
    width: 200px;
}