/* Content Styles */

#content {width:100%; margin:0; padding:0; background-color:#5b7290; font-size:110%}
#content1 {padding:5px;}
#content1 p {margin: 6px 0 6px 0 ; padding: 0; }
#content h1, .form-create-ms .popup-head{ font-size:12px; font-weight: normal; margin:0;padding:0 0 0 6px; line-height:25px; height:25px; display:block; color:#fff;background-color:#2e425b;  }
#content1 .helptext { font-style:italic; font-size:11px; color:#333333; line-height:14px; margin:0; padding:0}
#content1 .background1 {background-color:#fff;margin: 0;padding: 5px;}
#content1 .background1 .introText{border:1px dashed #666; padding: 8px 5px;}
#content1 .background2 {background-color:#ecedd7;margin: 0 0 1px 0;padding: 0;}
#content1 .background3 {background-color: #A49F99; height: 8px}
#content1 .enterZipBox {background-color:#dbf0f1;padding:4px;}
#content1 .errorMessage {padding-bottom: 6px;margin-top: 6px;color: #FF0000; }
#content1 .addButton {margin-top:4px;}
#content1  a {color:#4b8dba;}
#content1 .deleteBox {padding-left: 0px; height: 260px; padding-top:0px; background-color:#eeeeee; }
.EnterZip td {padding:0 22px 0 0; text-align:left;}


/* Content Grid Styles */
#contentGrid table {width:100%;background-color:#ecedd7; border-collapse:collapse;color:#333; font-size:110%;}
.IE #contentGrid table {width:100%; font-size:110%; }

#contentGrid .wizard h2{font-size:160%; color:#666; margin:0;}
#contentGrid .wizard a{color:#4b8dba; text-decoration:none;}
#contentGrid .wizard a:hover{color:#4b8dba; text-decoration:underline;}
#contentGrid .wizard .agent_name{color:#000;}
#contentGrid .wizard .checkboxAlign input{margin:0 3px 0 0;}

#contentGrid .wizard .agentHeader{width:158px; background-color:#5b7290; color:#fff; height:24px;}
.IE #contentGrid .wizard .agentHeader{height:20px; padding-top:8px;}
#contentGrid .wizard .showMeHow{padding:0 !important; text-align:right; background-color:#fff; vertical-align:bottom !important;}
#contentGrid .wizard .whiteCell{background-color:#fff; height:15px !important;}

#contentGrid .wizard .primaryHeader{float:left; color:#000;}
#contentGrid .wizard .skipLink{float:left; vertical-align:bottom; line-height:28px; margin-left:5px;}
#contentGrid .wizard .showMeIcon{float:right; margin-left:3px;}
#contentGrid .wizard .showMeText{float:right; line-height:24px;}
#contentGrid .wizard .showMeText_Left{float:left; line-height:24px;}
#contentGrid .wizard .fontSizeIcon{float:right; margin-right:3px;}
#contentGrid .wizard p{ padding: 0 0 0.4em; margin:0;}
.validation{color:Red;}
#contentGrid .wizard .introText{border:1px dashed #666; padding: 8px 5px;}

#contentGrid th {height:19px; border-left:1px solid #ffffff;padding:3px 6px; color:#ffffff; background-color:#5B7290; text-align:left; font-weight:normal;}
#contentGrid th a {line-height:24px;color:#fff;display:block; }
#contentGrid .mlssupport {background-color:#fbf48c;}
#contentGrid td { margin:0; padding:5px 5px 4px 5px; height:26px; border-bottom: 1px solid #FFF; vertical-align:top;}
.IE8 #contentGrid td { height:20px;}

#contentGrid .areasIServe td { border:none;}
#contentGrid select  {width:300px;}
#contentGrid  .removeborder { border:0}
#contentGrid tr.data:hover{background-color:#cfd1aa;}
.IE8 #contentGrid tr.data:hover{background-color:#cfd1aa; height:1%;} /* height added for IE8 fix */
#contentGrid tr.mlssupport:hover{background-color:#f7f550;}
.IE8 #contentGrid tr.mlssupport:hover{background-color:#f7f550; height:1%;} /* height added for IE8 fix */
#content .footer {width: 531px; height: 20px;}
#content .closeButton {margin:0 auto; width:100px; padding-top:20px}
#contentGrid .formTable .showMeHow {width:55em}
.IE #contentGrid .formTable .showMeHow {width:53em}
#contentGrid .formTable select{width:340px;}
#contentGrid .formTable input{width:336px;}
#contentGrid .formTable .colorTheme input {  width:10px }
#contentGrid .formTable .buttonRow input{width:auto;}
#contentGrid .formTable .buttonRow span {float:left}
#contentGrid .formTable .formNote {padding:4px 6px; color: #666}
#contentGrid .formTableWrap {margin-bottom:10px;}
/* NESTED FORM TABLES */
#contentGrid td.nestedFormWrap { padding:0;}
#contentGrid .headerTable .removeborder {font-size:90%}
#contentGrid .headerTable table th{width:10em; background-color:Transparent; color:#333;padding-left:0;}
#contentGrid .headerTable table td {padding:2px 5px;}
#contentGrid .nestedFormTable {width:80%;margin:4px 24px; border:1px solid #fff; background-color:#F6F7E3; font-size:100%}
.IE #contentGrid table.nestedFormTable {width:80%}
#contentGrid .nestedFormTable th {width:10em;background-color: Transparent;border-bottom:1px solid #fff; color:#333; font-weight:600; vertical-align:top;}
#contentGrid .nestedFormTable td.alignRight {text-align:right;}
#contentGrid .nestedFormTable td {padding: 5px 5px 2px;}
.IE #contentGrid .nestedFormTable td {padding-bottom: 0;}
#contentGrid .nestedFormTable td span {display:inline-block;width:10em;}
#contentGrid .nestedFormTable div {padding-top:4px;}
#contentGrid .nestedFormTable textarea {width:98%}
#contentGrid .nestedFormRadio {width:auto; background-color:Transparent;font-size:100% }
#contentGrid .nestedFormRadio td{ border-bottom:none; padding:0 20px 0 0;}
.IE #contentGrid table.nestedFormRadio {width:auto; font-size:100%}

#contentGrid .noTH {background-color:Transparent;  color:#333;border-bottom:1px solid #fff; width:11em }
#contentGrid .addBtn { font-weight:600;}
#contentGrid .formInstructions span {display:block; padding-bottom:4px;}
      
/* REMOVE RIGHT & LEFT BORDERS ON GRIDS */
#contentGrid .removeRightBorder{border-right:none;}
#contentGrid .removeLeftBorder{border-left:none;}



/* THICKBOX POPUP STYLES */
.popup1 { background-color: #FFFFFF; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; color: #333333;line-height: 16px;width: 348px;}
.popup1 .background1{background-color: #dbf0f1;margin: 0;padding: 5px;}
.popup1 h1 { text-indent: 6px; font-size: 14px; font-weight: normal; display: block; line-height: 26px; margin: 0; padding: 0; background-color: #000000; color: #FFFFFF;}
.popup1 p { margin: 0;padding: 20px 5px 20px 5px;}
.popup1 .buttons { margin: 8px; }
.popup1 .buttons input { width:auto; margin-right: 8px;}

/* WIZARD LEFT NAV */
#wzleftColumn {}
#wzleftColumn li{border-top:1px solid #9baab8;}
#wzleftColumn li.dynamicMenuFirstItem{border:none;}
#wzleftColumn li .checkMark{position:absolute; left:6px; padding-top:7px;}
.IE #wzleftColumn li .checkMark{position:absolute; left:6px; padding-top:1px;}
#wzleftColumn .sublist li{border:none;}
#wzleftColumn li a{color:#333}
#wzleftColumn li a:hover{background-color: #dee0c0; padding:0; display:block; color:#333;}

#wzleftColumn ul.sublist li:hover{background-color: #dee0c0;}
#wzleftColumn h1{color:#FFFFFF;}
#wzleftColumn h1{background-color:#2E425B;}

.wzButtons{cursor:pointer;}

/* AGENT PROFILE PREVIEW */
#contentGrid .wizard .previewTable{width:100%;}
#contentGrid .wizard .disclaimer{font-size:95%;}
#contentGrid .wizard ul {list-style-type:none; margin:0; padding: 0;}
#contentGrid .wizard ul li {margin: 0.3em 0}
#contentGrid .wizard .preview ul li {margin:0}
#contentGrid .wizard ol {margin:0.5em 0; padding-left:30px;}

#contentGrid .wizard .MSNoLink a, #contentGrid .wizard .agentNoLink a{text-decoration:none !important;}
#contentGrid .wizard .preview .agentWeb:hover {text-decoration:underline !important;}
#contentGrid .wizard .agentNoLink a{color:#333;}
#contentGrid .wizard .agentNoLink .disclaimer{color:#333;}
#contentGrid .wizard .myExperience li {background:url("../../images/icons/bulletSetupProgress.gif") 0 50% no-repeat; padding-left:10px;}
#contentGrid .wizard .myAreas{float:left; padding-right:20px;}
#contentGrid .wizard .myAreas li {background:url("../../images/icons/bulletSetupProgress.gif") 0 50% no-repeat; padding-left:10px;}


#contentGrid .wizard .previewTable .emailButton {width:65px; margin:0; padding:0; background:url(../../MSReport/images/generalButtons_scalable.png) repeat-x; border:0; color: #FFFFFF;font-size: 0.9em;line-height:.9em;cursor: pointer;}
.IE #contentGrid .wizard .previewTable .emailButton {height:15px;}
#contentGrid .wizard .previewTable .headerButtonBkg{width: 65px; height: 15px; margin: 0; padding: 0;float:left;border:1px solid #333333;}

/* AUTO-COMPLETE */
.autocomplete_completionListElement { background-color: White; color: Blue; border: solid 1px #999; padding: 2px;}
.autocomplete_listItem { background-color: White; color: #666; list-style-type: none; padding:5px; border-bottom:1px solid #ccc;}
.autocomplete_highlightedListItem { background-color: #c8d0da; color: #000; cursor: pointer; list-style-type: none; padding:5px; border-bottom:1px solid #ccc;}


/*AREA MANAGEMENT - 3.1 RELEASE*/
.IE #contentGrid table.innerTable {width:768px;}
#contentGrid .wizard .addArea a{text-decoration:underline; font-size:110%;padding:5px 5px 1px;}
#contentGrid .wizard .addArea a:hover{text-decoration:none;} 
#AddAnotherAreaRoot {margin:16px 0 0 0;}
#AddAnotherAreaRoot h3 {padding:5px 5px 1px; font-size:110%; text-transform:uppercase}
.IE #AddAnotherAreaRoot h3 {padding-top:0; }
#contentGrid .areaGrid {background-color:#ECEDD7; font-size:110%}
#contentGrid .areaGrid .addAreaMessage { font-weight:bold}
#contentGrid .areaGrid .addAreaMessage .error { color:#FF0033}
#contentGrid .areaGrid .addArea, #divRowAnotherZipPostal_ {padding:4px 5px;}
#contentGrid .areaGrid .addArea a {padding:0;margin-left:80px}
#contentGrid .areaGrid .gridRow, #divRowAnotherZipPostal_ {display:block;border-bottom:1px solid #fff;  line-height:1.8em;}
#contentGrid .areaGrid .gridRow label, #divDynamicPopulateArea label {display:inline-block;width:80px;}
#contentGrid .areaGrid .gridRow .zipPostalInput {margin-right:10px}
#contentGrid .areaGrid .buttonArea {padding:10px 0 10px 84px; }

/*NEWSLETTER SETUP*/
#contentGrid .fieldNote {display:inline-block; vertical-align:bottom; color:#666;}
.IE #contentGrid .browse label, .IE #contentGrid .browse input, .IE #contentGrid .fieldNote {float:left;padding-right:10px;}
.IE #contentGrid .browse p {clear:both;}
 
 /* COLOR THEME SELECT */
.formTable .colorTheme  { padding-right: 10px; }
/*use styles below to get rid of color theme select imgs*/
/*.formTable .colorTheme input {float:left;margin-top:4px; }
.formTable .colorTheme em { display:block;float:left; padding:0 4px ;color:#fff; line-height:1.9em; font-style:normal;}
.formTable .colorTheme .black { background-color:#000}
.formTable .colorTheme .grey { background-color:#999;color:#000}
.formTable .colorTheme .red { background-color:#B30101;}
.formTable .colorTheme .yellow { background-color:#D59F01;}
.formTable .colorTheme .dbrown { background-color:#614933;}
.formTable .colorTheme .lbue { background-color:#6D9DCD;color:#27538C}
.formTable .colorTheme .dbue { background-color:#27538C;}
.formTable .colorTheme .lgreen { background-color:#8FA57D;color:#4A623D}
.formTable .colorTheme .dgreen { background-color:#4A623D;}
.formTable .colorTheme .beige { background-color:#D7CFAD;color:#614933}*/