/******************************* NEW STYLES **************************************************************/

/******************************* Generic styles (START) ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, 
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, 
mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; }
select, br, input, option { padding: 0; margin: 0; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: top; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; }

body { background: #FFFFFF url(Resources.aspx?Res=body_background.gif) repeat-x 0 0; }

img { border: 0; }

select { height: 20px; }

input[disabled] { background-color: #d4d0c8; }
select[disabled] { background-color: #d4d0c8; }
input[type="submit"]:disabled, input[type="button"]:disabled { cursor: auto; background: #D4D0C8; }

.LeftFloat { float: left; }
.RightFloat { float: right; }
.clearFloats { clear: both; height: 0px; display: block; overflow: hidden; }

.AreaText { font-family: Verdana; font-size: 10pt; }

.ButtonsS0 { width: 70px; margin-top: 5px; height: 22px; }
.ButtonsS1 { width: 100px; margin-top: 5px; height: 22px; }
.ButtonsS2 { width: 125px; margin-top: 5px; height: 22px; }
.ButtonsS3 { width: 150px; margin-top: 5px; height: 22px; }

.Width100p {width: 100%;}

.Width400 {width: 400px;}
.Width390 {width: 390px;}
.Width380 {width: 380px;}
.Width370 {width: 370px;}
.Width360 {width: 360px;}
.Width350 {width: 350px;}
.Width340 {width: 340px;}
.Width330 {width: 330px;}
.Width320 {width: 320px;}
.Width310 {width: 310px;}
.Width300 {width: 300px;}
.Width290 {width: 290px;}
.Width280 {width: 280px;}
.Width270 {width: 270px;}
.Width260 {width: 260px;}
.Width250 {width: 250px;}
.Width240 {width: 240px;}
.Width230 {width: 230px;}
.Width220 {width: 220px;}
.Width210 {width: 210px;}
.Width200 {width: 200px;}
.Width190 {width: 190px;}
.Width180 {width: 180px;}
.Width170 {width: 170px;}
.Width160 {width: 160px;}
.Width150 {width: 150px;}
.Width140 {width: 140px;}
.Width130 {width: 130px;}
.Width120 {width: 120px;}
.Width110 {width: 110px;}
.Width100 {width: 100px;}
.Width90 {width: 90px;}
.Width80 {width: 80px;}
.Width70 {width: 70px;}
.Width60 {width: 60px;}
.Width50 {width: 50px;}
.Width40 {width: 40px;}
.Width30 {width: 30px;}

input.Width400 {width: 398px;}
input.Width390 {width: 388px;}
input.Width380 {width: 378px;}
input.Width370 {width: 368px;}
input.Width360 {width: 358px;}
input.Width350 {width: 348px;}
input.Width340 {width: 338px;}
input.Width330 {width: 328px;}
input.Width320 {width: 318px;}
input.Width310 {width: 308px;}
input.Width300 {width: 298px;}
input.Width290 {width: 288px;}
input.Width280 {width: 278px;}
input.Width270 {width: 268px;}
input.Width260 {width: 258px;}
input.Width250 {width: 248px;}
input.Width240 {width: 238px;}
input.Width230 {width: 228px;}
input.Width220 {width: 218px;}
input.Width210 {width: 208px;}
input.Width200 {width: 198px;}
input.Width190 {width: 188px;}
input.Width180 {width: 178px;}
input.Width170 {width: 168px;}
input.Width160 {width: 158px;}
input.Width150 {width: 148px;}
input.Width140 {width: 138px;}
input.Width130 {width: 128px;}
input.Width120 {width: 118px;}
input.Width110 {width: 108px;}
input.Width100 {width: 98px;}
input.Width90 {width: 88px;}
input.Width80 {width: 78px;}
input.Width70 {width: 68px;}
input.Width60 {width: 58px;}
input.Width50 {width: 48px;}
input.Width40 {width: 93px;}
input.Width30 {width: 28px;}

select.Width400 {width: 400px;}
select.Width390 {width: 390px;}
select.Width380 {width: 380px;}
select.Width370 {width: 370px;}
select.Width360 {width: 360px;}
select.Width350 {width: 350px;}
select.Width340 {width: 340px;}
select.Width330 {width: 330px;}
select.Width320 {width: 320px;}
select.Width310 {width: 310px;}
select.Width300 {width: 300px;}
select.Width290 {width: 290px;}
select.Width280 {width: 280px;}
select.Width270 {width: 270px;}
select.Width260 {width: 260px;}
select.Width250 {width: 250px;}
select.Width240 {width: 240px;}
select.Width230 {width: 230px;}
select.Width220 {width: 220px;}
select.Width210 {width: 210px;}
select.Width200 {width: 200px;}
select.Width190 {width: 190px;}
select.Width180 {width: 180px;}
select.Width170 {width: 170px;}
select.Width160 {width: 160px;}
select.Width150 {width: 150px;}
select.Width140 {width: 140px;}
select.Width130 {width: 130px;}
select.Width120 {width: 120px;}
select.Width110 {width: 110px;}
select.Width100 {width: 100px;}
select.Width90 {width: 90px;}
select.Width80 {width: 80px;}
select.Width70 {width: 70px;}
select.Width60 {width: 60px;}
select.Width50 {width: 50px;}
select.Width40 {width: 40px;}
select.Width30 {width: 30px;}

.txtControlS0 { width: 60px; }
.txtControlS0a { width: 120px; }
.txtControlS1 { width: 150px; }
.txtControlS1a{width:142px;}
.txtControlS2 { width: 160px; }
.txtControlS2a { width: 180px; }
.txtControlS2b { width: 220px; }
.txtControlS3 { width: 255px; }
.txtControlS3a { width: 314px; }
.txtControlS3b { width: 334px; }
.txtControlS4 { width: 350px; }
.txtControlS4a { width: 447px; }
.txtControlS5 { width: 600px; }
.txtControlS6 { width: 98%; }
.txtControlR300a{width:310px;}
.ddlControlS0 { width: 64px; }
.ddlControlS0a { width: 124px; }
.ddlControlS1 { width: 154px; }
.ddlControlS2 { width: 164px; }
.ddlControlS2a { width: 184px; }
.ddlControlS2b { width: 224px; }
.ddlControlS3 { width: 269px; }
.ddlControlS3a { width: 312px; }
.ddlControlS4 { width: 354px; }
.ddlControlS5 { width: 500px; }

.calendartxtS0 { width: 89px; }
.calendartxtS1 { width: 125px; }
.calendartxtS1a { width: 139px; }
.calendartxtS2 { width: 135px; }
.calendartxtS3 { width: 230px; }

.areaControlS6 { width: 784px; }

.fieldWrapper { float: left; display: block; font-weight: bold; padding: 3px 5px 3px 0px; margin: 0; }

.fieldWrapperFirst { float: left; display: block; font-weight: bold; padding: 3px 5px 3px 0px; margin: 0; }

.fieldWrapperFirstEventDetails { float: left; display: block; font-weight: bold; padding: 0 0 3px 10px; margin: 0; }

.fieldWrapperBorder { float: left; display: block; padding: 5px 3px 3px 10px; border: solid 1px #babfd6; }

.fieldWrapperCheckBoxFirst { float: left; display: block; padding: 23px 0 0 0; font-weight: bold; margin-bottom: 7px; }

.fieldWrapperCheckBox { float: left; display: block; padding: 23px 0 0 10px; font-weight: bold; margin-bottom: 7px; }

.fieldWrapperCheckBoxLists { float: left; display: block; padding: 18px 0 0 10px; font-weight: bold; }

.fieldWrapperCheckBox1 { float: left; display: block; width: 300px; padding: 23px 0 0 10px; font-weight: bold; }

.fieldWrapperLink { float: left; display: block; padding: 23px 0 0 10px; font-weight: bold; margin-bottom: 7px; }

.fieldLabels { clear: both; float: left; display: block; width: 90px; }

/******** Expand Section (End) *********************/

.fieldContainerSearch { float: left; display: block; margin: 5px 5px 5px 0px; width: 150px; font-weight: bold; }

.fieldContainerFlex { float: left; display: block; margin-top: 5px; font-weight: bold; width: 98%; }

.fieldContainer { float: left; display: block; margin: 5px 20px 5px 0px; font-weight: bold; }

.fieldContainerLinkA { float: left; display: block; margin: 10px 25px 0 0px; font-weight: bold; }

.fieldContainerSearchOrg { float: left; display: block; margin: 5px 15px 5px 0; font-weight: bold; }

* html .fieldContainer { margin: 5px 10px 5px 0px; }

.fieldContainerCheckBox { float: left; display: block; margin: 20px 30px 5px -5px; font-weight: bold; }

.fieldContainer1 { float: left; display: block; width: 350px; margin: 20px 30px 5px 0px; font-weight: bold; }

.fieldContainerOrg { float: left; display: block; margin: 5px 15px 5px 0px; font-weight: bold; }

.fieldContainerDocumentsButtons { float: left; display: block; margin: 5px 5px 5px 0px; font-weight: bold; }

.fieldContainerDocuments { float: left; display: block; margin: 5px 20px 5px 5px; font-weight: bold; text-align: left; }

.fakeborder { width: 100%; height: 5px; border-top: solid 1px #babfd6; }

.searchTerms { border: solid 1px #babfd6; overflow: hidden; clear: both; width: 796px; }

/************ Main Content (End) *****************************/

.innerContent { padding: 10px 10px 10px 10px; width: 800px; }

.SaveContainerNoBorder { background: transparent; overflow-x: hidden; overflow-y: auto; position: relative; padding: 14px 10px 10px 10px; }

.fieldsPlaceHolder { border: solid 1px #babfd6; overflow: hidden; position: relative; vertical-align: top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 3px; margin-bottom: 5px; -webkit-box-shadow: 1px 1px 1px 1px rgba(99, 99, 99, .3); -moz-box-shadow: 1px 1px 1px 1px rgba(99, 99, 99, .3); box-shadow: 1px 1px 1px 1px rgba(99, 99, 99, .3); padding-bottom: 5px; }

.fieldsSectionContent { clear: both; padding: 5px; border: none; }
.fieldsSectionContentBis { padding:5px; border:none;}

.fieldsSectionHeader { display:block; min-height: 15px; font-size: 11px; font-weight: bold; padding: 3px 5px 2px 5px; line-height: normal; background: #FFFFFF url(Resources.aspx?Res=horizontal_back.gif) repeat-y 0 0; }

.fieldsSectionHeaderImg { float: left; margin-right: 10px; margin-top: -2px; }

.fieldsSectionHeaderEditImg { float: right; margin: -1px 8px 0 0; }

.fieldsSectionHeaderEditImgCopy { float: right; margin: -3px 7px 0 0; }

.fieldsSectionHeaderEditImgCopyEmail { float: right; }

.fieldsSectionHeaderMessage { float: Right; margin-right: 10px; }

.fieldsSectionGeneric { border: solid 1px #babfd6; overflow: hidden; clear: both; width: 100%; }

.fieldsSectionEventDetails { border: solid 1px #babfd6; overflow: hidden; float: left; width: 650px; }

.backgroundContainer { border: solid 1px #babfd6; padding: 10px 10px 10px 10px; background: #FFFFFF url(Resources.aspx?Res=background.gif) repeat-x; width: 800px; overflow: hidden; }

.ImgLink { cursor: pointer; }

/******************************* Generic styles (END) **********************************/

/******************************* Tab strip syles (START) *******************************/

.TopGroup { z-index: 99; position: relative; top: 1px; }
.DefaultTab { color: black; background-image: url(Resources.aspx?Res=TabStrip.tab_bg.gif); font-family: Verdana; font-size: 11px; font-weight: bold; cursor: pointer; }
.GreenTab { color: green; background-image: url(Resources.aspx?Res=TabStrip.tab_bg.gif); font-family: Verdana; font-size: 12px; font-weight: bold; cursor: pointer; }

.DefaultTabHover { color: black; background-image: url(Resources.aspx?Res=TabStrip.hover_tab_bg.gif); font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: underline; cursor: pointer; }
.SelectedTab { color: black; background-image: url(Resources.aspx?Res=TabStrip.selected_tab_bg.gif); font-family: Verdana; font-size: 11px; font-weight: bold; cursor: default; }
.DisabledTab { color: #AAAAAA; background-image: url(Resources.aspx?Res=TabStrip.tab_bg.gif); font-family: Verdana; font-size: 11px; font-weight: bold; cursor: default; }

/******************************* Tab strip syles (END) *******************************/

/******************************* Quick Search screen styles (START) ********************************/

.fieldsSectionQuickSearch { float: left; margin: 5px 0 0 10px; border: solid 1px #babfd6; overflow: hidden; width: 200px; font-weight: bold; }

*html .fieldsSectionQuickSearch { margin: 5px 5px 0 5px; }

.fieldsSectionQuickSearchInner { padding: 5px 0px 5px 7px; }

.fieldsSectionInner { padding: 5px 10px 10px 10px; overflow: hidden; }

/******************************* Quick Search screen styles (START) ********************************/

/******************************* Individual & Organisation Header styles (START) ********************************************/

.SummaryLeft { float: left; margin-right: 5px; line-height: 22px; }

.SummaryLeftInd { float: left; margin-right: 5px; line-height: 22px; }

.SummaryLeftTopInd { width: 444px; border: solid 1px #babfd6; overflow: hidden; }

.SummaryLeftTop { width: 444px; border: solid 1px #babfd6; overflow: hidden; margin-bottom: 5px; height: 108px; }

*html .SummaryLeftTop { height: 104px; }

.SummaryLeftBottom { padding-top: 2px; width: 444px; border: solid 1px #babfd6; height: 43px; text-align: left; }

*html .SummaryLeftBottom { padding-top: 3px; height: 46px; }

.SummaryLeftTopLeft { width: 215px; margin-right: 5px; margin-bottom: 4px; }

.SummaryLeftTopRight { float: right; width: 215px; margin-bottom: 4px; }

.defaultLbl { float: none; }

.fieldLblAuto { float: left; width: auto; font-weight: bold; }
.fieldLbl { float: left; width: 80px; font-weight: bold; }
.fieldLbla {float: left; width: 130px; font-weight: bold;}

.fieldLblWide { float: left; width: 120px; font-weight: bold; }
.fieldLblWideSa {float: left; width: 130px; font-weight: bold;}
.fieldLblDeep { float: left; width: 80px; font-weight: bold; padding-bottom: 5px; }

.fieldLbl1 { float: left; width: 100px; font-weight: bold; }
.fieldLbl70 { float: left; width: 70px; font-weight: bold; }
.fieldLbl135 { float: left; width: 135px; font-weight: bold; }

.fieldLbl100pc { float: left; width: 100%; font-weight: bold; }

.fieldLblTop { clear: both; width: 80px; font-weight: bold; padding-bottom: 2px; }

.fieldLblInd { float: left; width: 90px; font-weight: bold; }

.AflInnerContent { margin: 5px 5px 5px 5px; overflow: hidden; }

.fieldLblC { display: block; overflow: hidden; float: left; width: 125px; }

.fieldLblO { display: block; overflow: hidden; float: left; width: 115px; }
.fieldLbl150{ width:150px;}
.fieldLbl150a{ display: block; overflow: hidden; width:150px;}

/******************************* Individual & Organisation Header styles (END) ********************************************/

.fieldsSectionAttributeRepresentation { float: left; border: solid 1px #babfd6; overflow: hidden; /*width:370px;*/ margin: 0 10px 0 0; }

.fieldsSectionAttributeRepresentationInner { padding: 5px; }

.fieldsSectionFullContactDetails { float: left; border: solid 1px #babfd6; overflow: hidden; width: 250px; height: 120px; }

.fieldsSectionFullContactDetailsInner { padding: 5px; }

/*====================================================================================================*/

.ExportPanel { width: 350px; height: 260px; border: solid 1px #babfd6; position: absolute; top: 30%; left: 30%; background-color: #FFFFFF; overflow: hidden; }

.ExportPanelHeader { width: 100%; height: 15px; font-size: 11px; font-weight: bold; padding: 3px 0px 2px 0px; line-height: normal; background: #FFFFFF url(Resources.aspx?Res=horizontal_back.gif) repeat-y 0 0; text-align: center; }

.ExportPanelDelimitersLabel { margin: 15px 7px 0 7px; }

.ExportPanelDelimiters { height: 44px; border: solid 1px #babfd6; overflow: auto; margin: 0 7px 10px 7px; }

.ExportPanelColumnsLabel { margin: 5px 7px 0 7px; }

.ExportPanelColumns { height: 100px; border: solid 1px #babfd6; overflow: auto; margin: 0 7px 10px 7px; }

.ExportPanelButtons { width: 100%; height: 25px; text-align: center; margin: 10px 1px 5px 0px; }

.AddToGroupPanel { width: 350px; height: 170px; border: solid 1px #babfd6; position: absolute; top: 30%; left: 30%; background-color: #FFFFFF; overflow: hidden; }

.CheckAndRadioLists { height: 200px; width: 258px; border: solid 1px #babfd6; margin-bottom: 4px; overflow-y: scroll; font-weight: normal; }

.CheckListLists { height: 237px; width: 200px; border: solid 1px #babfd6; margin-bottom: 4px; overflow-y: scroll; font-weight: normal; }


/******************************* NEW GLOBAL STYLES**************************************************************/

/************ Global Styles (Start) *******************************************************/
.ButtonsSize1 { border: solid 1px black; width: 90px; height: 20px; font-size: 11px; }

.ButtonsSize2 { font-size: 11px; width: 100px; }

a:link { text-decoration: none; }

a:hover { text-decoration: underline; }

a:visited { text-decoration: none; }

a:visited:hover { text-decoration: underline; }
/************ Global Styles (End) *********************************************************/


/************ Body (Start) ********************************************************/
#mainBody { position: relative; top: 5px; width: 1003px; }
#mainBody_left { position: absolute; left: 0; width: 170px; z-index: 600; }
#mainBody_content { position: absolute; left: 175px; width: 828px; }
/************ Main Content (Start) ******************************/

.pageheader { font-family: Arial; font-size: 16px; font-weight: bold; color: #333333; letter-spacing: 3px; width: 100.55%; height: 24px; padding: 6px 0px 0px 5px; margin-bottom: 5px; border: solid 1px #919B9C; background: #FFFFFF url(Resources.aspx?Res=content_header_back.gif) repeat-x 0 0; }

.pageNoHeader { font-family: Arial; font-size: 16px; font-weight: bold; color: #333333; letter-spacing: 3px; width: 100.55%; height: 24px; padding: 6px 0px 0px 5px; margin-bottom: 5px; }

.SaveContainerHeader { font-family: Arial; font-size: 16px; font-weight: bold; color: #333333; letter-spacing: 3px; width: 100%; height: 24px; padding: 6px 0px 0px 5px; border: solid 1px #919B9C; background: #FFFFFF url(Resources.aspx?Res=content_header_back.gif) repeat-x 0 0; overflow: hidden; }



.innerSection { border: solid 1px #babfd6; overflow: hidden; clear: both; width: 100%; }

.addAttributeInnerSection { border: solid 1px #babfd6; overflow: hidden; margin-top: 15px; clear: both; width: 97%; }

.innerSectionEditDetails { border: solid 1px #babfd6; overflow: hidden; clear: both; width: 810px; }

.innerHeader { width: 100%; height: 15px; font-size: 11px; font-weight: bold; padding: 3px 5px 2px 5px; background: #FFFFFF url(Resources.aspx?Res=horizontal_back.gif) repeat-y 0 0; }

.DDLControl { width: 140px; }

.DDLControlFlex { width: 100%; margin-bottom: 4px; overflow: hidden; }

.DDLControlBig { width: 255px; margin-bottom: 4px; }

.InputControlSmall { width: 70px; }

.InputControlVerySmall { width: 35px; }

.InputControlFlex { width: 99%; }

.InputControlMedium { width: 120px; }

.InputControlMediumButtons { width: 180px; }

.documentsButtons { width: 100px; font-size: 11px; }

*html .documentsButtons { height: 22px; }

.InputControl { width: 135px; }

.InputControlBig { width: 250px; }

.InputControlSearch { width: 285px; float: left; }

.InputControlBigOrg { width: 258px; }

*html .InputControlBigOrg { width: 245px; }

.InputControlTextArea { width: 97%; }

.InputControlTextAreaInner { width: 730px; }

legend { color: #000000; }

*html legend { padding-right: 5px; }


/******** Expand Section (Start) *********************/

.fieldLabelsfloat { clear: both; float: left; display: block; width: 80px; padding-top: 3px; font-weight: bold; }

.fieldLabels { clear: both; float: left; display: block; width: 90px; font-weight: bold; }

/******** Expand Section (End) *********************/


#mainBody_content_tabStrip { clear: both; position: relative; }

.fieldset_container { float: left; padding: 2px 10px 10px 0px; }

*html .fieldset_container { height: 130px; }

.topRightBtns_container { position: absolute; z-index: 200; width: 40px; display: block; text-align: right; float: right; margin: 2px; left: inherit; right: 5px; }

.topRightBtns_containerAttributes { position: absolute; z-index: 200; width: 40px; left: 740px; display: block; text-align: right; }

#addNotes { padding: 0; margin: 0; width: 715px; }

.PanelLabelRole { font-weight: bold; }

.fieldContainerSearch { float: left; display: block; margin: 5px 5px 5px 0px; width: 150px; font-weight: bold; }

.fieldContainerFlex { float: left; display: block; margin-top: 5px; font-weight: bold; width: 98%; }

.fieldContainer { float: left; display: block; margin: 5px 20px 5px 0px; font-weight: bold; }

.fieldContainerLinkA { float: left; display: block; margin: 10px 25px 0 0px; font-weight: bold; }

.fieldContainerSearchOrg { float: left; display: block; margin: 5px 15px 5px 0; font-weight: bold; }

* html .fieldContainer { margin: 5px 10px 5px 0px; }

.fieldContainerCheckBox { float: left; display: block; margin: 20px 30px 5px -5px; font-weight: bold; }

.fieldContainer1 { float: left; display: block; width: 350px; margin: 20px 30px 5px 0px; font-weight: bold; }

.fieldContainerOrg { float: left; display: block; margin: 5px 15px 5px 0px; font-weight: bold; }

.fieldContainerSearchButtons { margin:15px 0 5px 5px; }
.fieldContainerSearchButtons input[type=submit] { margin-left:5px; }




.fieldContainerDocumentsButtons { float: left; display: block; margin: 5px 5px 5px 0px; font-weight: bold; }

.fieldContainerDocuments { float: left; display: block; margin: 5px 20px 5px 5px; font-weight: bold; text-align: left; }

.fakeborder { width: 100%; height: 5px; border-top: solid 1px #babfd6; }

.searchTerms { border: solid 1px #babfd6; overflow: hidden; clear: both; width: 796px; }

/************ Main Content (End) *****************************/

.innerContent { padding: 10px 10px 10px 10px; width: 800px; }

.saveContainer { border: solid 1px #babfd6; padding: 13px 10px 10px 0; background: #FFFFFF url(Resources.aspx?Res=background.gif) repeat-x; position: relative; z-index: 8; display:block; }

.SaveContainerNoBorder { background: #FFFFFF url(Resources.aspx?Res=background.gif) repeat-x; overflow-x: hidden; overflow-y: auto; position: relative; padding: 14px 10px 0 10px; }

#addressLeft { float: left; width: 390px; }
#addressRight { float: right; width: 390px; }

.contentHeaderImg { float: left; margin-right: 10px; margin-top: -2px; }

.FooterMessage { display: block; font-weight: 100; font-size: smaller; }

#advSearchBtnLeft { float: left; width: 400px; text-align: left; }

#advSearchBtnRight { float: right; text-align: right; }

#msgAdvResults { margin-top: 14px; float: right; text-align: right; }

.exportCSVmessage { border: solid 1px #babfd6; padding: 5px 5px 5px 5px; }

#loginControl { width: 300px; height: 300px; margin: 100px auto; }

.AddToMessage { margin: 0 5px 0 0; display: inline; float: right; width: auto; color: Green; text-align: right; font-weight: bold; letter-spacing: 3px; }

.PopUpMessage { position: absolute; width: 750px; left: 10px; top: 32px; color: Green; text-align: left; font-weight: bold; letter-spacing: 1px; }

.summaryData { float: left; border: solid 1px #babfd6; width: 135px; height: 15px; padding: 3px 0px 2px 2px; overflow: hidden; margin-left: 1px; }

*html .summaryData { margin-left: 0; }

.summaryDataSearch { float: left; border: solid 1px #babfd6; width: 285px; height: 13px; padding: 4px 0px 2px 2px; overflow: hidden; }

.summaryDataEdit { float: left; width: 130px; margin-left: -1px; }

.primaryCheckBoxLabel{	font-weight:bold !important;}

/************ Body (End) *********************************************************/

.errorContent { position: relative; font-weight: normal; background-color: White; border: solid 1px black; text-align: center; }
.errorPanel { z-index: 907100; position: absolute; width: 100%; height: 98%; left: 0px; top: 0px; float: left; overflow: hidden; background: Transparent url(Resources.aspx?Res=opaque.png) repeat 0 0; text-align: center; }
.errorMessage { margin: -9px 5px 0 0; display: inline; float: left; width: auto; color: Red; text-align: right; font-weight: normal; letter-spacing: 2px; }
.transparentback { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; z-index: 907100; position: absolute; left: 0px; top: 0px; float: left; width: 100%; overflow: hidden; }

.SearchResultsList { display: block; border: solid 1px #babfd6; background-color: #ffffff; position: absolute; font-size: 11px; width: 287px; max-height: 120px; margin-right: 10px; overflow-y: scroll; overflow-x: hidden; z-index: 1500; }

*html .SearchResultsList { height: 100px; }

.SearchResultsList a:link { color: #000; display: block; text-decoration: none; }

.SearchResultsList a:hover, .SearchResultsList a:focus { display: block; background-color: #babfd6; color: #ffffff; text-decoration: none; }

.focus { display: block; background-color: #babfd6; color: #ffffff; text-decoration: none; }

.notfocus { display: block; text-decoration: none; }

.innerHeaderMesssage { float: right; margin-right: 10px; color: Red; }

.innerHeaderText { float: left; }

.AddAttributeTopLeft { float: left; width: 500px; }
.AddAttributeTopRight { float: left; margin: 5px 0 0 15px; }
.listBoxAttribute { width: 530px; border: solid 1px #babfd6; margin-bottom: 5px; font-weight: normal; }

.attributeAnswerLeft { float: left; width: 350px; margin-right: 30px; }

.listBoxAttributeAnswers { width: 300px; border: solid 1px #babfd6; margin-bottom: 5px; }

.ListItemLeft { float: left; width: 450px; margin-right: 30px; }

.listBoxListItem { width: 250px; border: solid 1px #babfd6; margin-bottom: 5px; }

.closeImg { float: right; margin-right: 9px; }

.checklistbox { min-height: 50px; max-height: 120px; border: solid 1px #babfd6; overflow-y: auto; overflow-x: hidden; margin-bottom: 4px; }

.AttributeGroupsList { height: 150px; border: solid 1px #babfd6; overflow: auto; margin-bottom: 4px; }

.UpdatePanelSpinner { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; z-index: 12100; position: absolute; width: 818px; top: 330px; margin-left: 2px; height: 40px; color: #ffffff; text-align: center; }

.UpdatePanelSpinnerAddControl { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; z-index: 12100; position: absolute; width: 800px; top: 230px; margin-left: 0; height: 40px; color: #ffffff; text-align: center; }

.UpdatePanelSpinnerPopup { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; z-index: 12100; position: absolute; width: 785px; top: 185px; margin-left: 0px; height: 40px; color: #ffffff; text-align: center; }

.RedHeaderCenter { font-weight: bold; font-size: 14pt; color: red; font-family: "Arial, Helvetica, sans-serif"; background: transparent; text-align: center; }

/************ ViewReport (Begin) *********************************************************/
#ReportExportOptions { width: 350px; left: 230px; border: solid 1px #babfd6; position: absolute; top: 200px; padding: 10px 10px 10px 10px; background: #FFFFFF url(Resources.aspx?Res=background.gif) repeat-x 0 0; }

.ReportBorderPanel { border: dotted 1px #babfd6; overflow: hidden; clear: both; position: relative; padding: 10px 20px 10px 20px; }

.ReportTransparentBack { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; z-index: 917100; position: absolute; left: 0px; top: 50px; float: left; width: 100%; height: 100%; overflow: hidden; margin-left: 1px; }

.ReportLabelFloat { clear: both; float: left; display: block; width: 150px; font-weight: bold; margin: 0 0 15px 0; }

.ReportParameterLabel { clear: both; float: left; display: block; width: 150px; font-weight: normal; margin: 0 0 15px 0; }

.ReportParameterInputControl { float: left; width: 250px; }

.ReportParameterDropDown { width: 255px; }
.ReportParameterTextBox { width: 250px; }
.ReportParameterTextBoxML { width: 500px; height: 100px; }

.ReportInputControlBig { float: left; width: 250px; }

.ReportErrorLabel { color: Red; padding: 0; margin: 0; }

.ReportExportLabelsFloat { clear: both; float: left; display: block; width: 60px; padding-top: 3px; font-weight: normal; }

.ReportExportButtonsPanel { text-align: right; width: 97%; margin: 5px 0 -8px 0; float: left; }

.ReportValidatorLabel { }

/************ ViewReport (End) *********************************************************/

/************ Document Management System (Begin) *********************************************************/

.leftSide { float: left; width: 300px; display: block; }

.rightSide { float: right; width: 430px; display: block; }

.fieldLblDoc { float: left; width: 120px; font-weight: bold; }

.fileUpload { width: 230px; }

.borderclass { border: solid 1px #969696; padding: 5px; width: 98%; }

.PermissionRow { height: 16px; border-bottom: solid 1px #969696; border-left: solid 1px #969696; padding-top: 5px; padding-bottom: 3px; }

.PermissionRowHeading { height: 16px; border-bottom: solid 1px #969696; padding-top: 5px; color: #FFFFFF; background-color: #969696; overflow: hidden; }

.PermUserName { float: left; width: 570px; margin-left: 2px; }

.PermSettingHeading { float: left; width: 70px; }

.PermSetting { float: left; width: 70px; padding-left: 5px; }

.DocumentPermissions { min-height: 198px; max-height: 198px; overflow: auto; margin-bottom: 4px; border-bottom: solid 1px #969696; border-left: solid 1px #969696; border-right: solid 1px #969696; }

/************ Document Management System (End) *********************************************************/

.fieldLblOrder { float: left; width: 130px; font-weight: bold; }

.borderclassOrders { border: solid 1px #969696; padding: 5px; padding-left: 10px; width: 785px; }

.GroupsCheckBoxList { height: 200px; min-height: 200px; width: 780px; border: solid 1px #babfd6; margin-bottom: 4px; overflow-y: scroll; font-weight: normal; }


/************ Login User Control (BEGIN) *********************************************************/
.loginTitle { width: 100%; height: 15px; font-size: 11px; font-weight: bold; padding: 3px 5px 2px 5px; background: #FFFFFF url(Resources.aspx?Res=horizontal_back.gif) repeat-y 0 0; }
/************ Login User Control (END) *********************************************************/

textarea { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; }
input[type=text] { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; }
input[type=file] { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; height:auto; }
div.formelement { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; display: inline; float: left; font: inherit; position: relative; text-align: left; margin: 2px 2px 2px 10px; }
div.formelement label { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; color: #000; display: inline; float: left; font-weight: bold; white-space: nowrap; height: 15px; padding: 2px 2px 0 0; }
div.formelement label.checkboxlabel { float: none; height: 15px; vertical-align: top; font-family: Verdana,Arial,Sans-Serif; font-size: 11px; font-weight: normal; padding: 0 5px 0 5px; }
div.formelement input { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; height: 15px; padding: 2px 0px 0px 0px; }
div.formelement textarea { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; padding: 2px 0px 0px 0px; }
div.formelement input[type=file] { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; height: auto; padding: 2px 0px 2px 0px; }
div.formelement a { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; height: 15px; padding: 2px 0px 0px 0px; }
div.formelement select { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; height: 21px; }
div.formelement select option { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; }
input.formelement { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; height: 15px; padding: 2px 0px 0px 0px; }
select.formelement { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; height: 21px; }
select.formelement option { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; }
select.OpenList { height:auto; min-height:70px; min-width:200px; }
span.formelement { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; display: inline; float: left; font: inherit; position: relative; text-align: left; margin: 2px 2px 2px 10px; }
span.formelement input[type="checkbox"] { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; height: 15px; padding: 2px 0px 0px 0px; }
span.formelement label.checkboxlabel { float: none; height: 15px; vertical-align: top; font-family: Verdana,Arial,Sans-Serif; font-size: 11px; font-weight: normal; padding: 0 5px 0 5px; }
div.formelementwrap { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; display: inline; float: left; position: relative; text-align: left; margin: 2px 2px 2px 10px; }
div.formelementwrapBis { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; display: inline; float: left; position: relative; text-align: left;}
div.formelementwrap label { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; font-weight: bold; color: #000; white-space: nowrap; height: 15px; padding: 2px 2px 0 0; }
div.formelementwrap label.checkboxlabel { float: none; height: 15px; vertical-align: top; font-family: Verdana,Arial,Sans-Serif; font-size: 11px; font-weight: normal; padding: 0 5px 0 5px; }
div.formelementwrap input { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; display: inline; height: 15px; padding: 2px 0px 0px 0px; }
div.formelementwrap textarea { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; display: inline; padding: 2px 0px 0px 0px; }
div.formelementwrap select { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; display: inline; height: 21px; }
div.formelementwrap select option { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; }
div.formelementdate { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; display: inline; float: left; position: relative; text-align: left; }
div.formelementdate input { font-family: Verdana,Arial,Sans-Serif; font-size: 11px; display: inline; height: 15px; padding: 2px 0px 0px 0px; }
img.DatePickerImg { position: absolute; right: 3px; bottom: 2px; }
div.formelementcontent { display: inline; float: left; font: inherit; margin: 0px 0px 0px 0px; position: relative; text-align: left;  }
div.InputControlTextArea div.formelementcontent {width: 100%;}
span.requiredfield { color: #FF5555; cursor: pointer; padding-left: 3px; width: 10px; }

span.error { color: #FF5555; }
span.errortop:after { border-color: transparent transparent transparent transparent; border-style: none none none none; border-width: 0; bottom: 0px; content: ""; position: relative; right: 0px; }
span.errortop { background: #FFF; border: none; border-radius: 0px; box-shadow: none; color: #000; font-size: 11px; padding: 0px; position: relative; left: inherit; top: inherit; white-space: inherit; }
span.errorleft:after { border-color: transparent transparent transparent transparent; border-style: none none none none; border-width: 0; bottom: 0px; content: ""; position: relative; right: 0px; }
span.errorleft { background: #FFF; border: none; box-shadow: none; color: #000; font-size: 11px; padding: 0px; position: relative; right: 0px; top: 0px; white-space: inherit; }

/* alternative error style

span.error { color: #FF5555; }
span.errortop:after { border-color: transparent #FF5555 transparent transparent; border-style: none solid solid none; border-width: 0 7px 15px 0; bottom: -15px; content: ""; position: absolute; left: 15px; }
span.errortop { background: #FFF; border: solid 1px #FF5555; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 3px 1px #888888; color: #000; font-family: Verdana,Arial,Sans-Serif; font-size: 11px; padding: 4px; position: absolute; left: 10px; top: -20px; white-space: nowrap; }
span.errorleft:after { border-color: transparent transparent transparent #FF5555; border-style: none none solid solid; border-width: 15px 7px 15px 7px; bottom: -15px; content: ""; position: absolute; right: 15px; }
span.errorleft { background: #FFF; border: solid 1px #FF5555; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 3px 1px #888888; color: #000; font-family: Verdana,Arial,Sans-Serif; font-size: 11px; padding: 4px; position: absolute; right: 10px; top: -30px; white-space: nowrap; }

*/

div.formelement input[readonly="readonly"], div.formelementwrap input[readonly="readonly"], div.formelementdate input[readonly="readonly"], input[readonly="readonly"].formelement { background: none repeat scroll 0 0 transparent; border: 0 none; font-family: Verdana,Arial,Sans-Serif; padding-left: 0; padding-top:3px; padding-bottom:3px; }
table.noPad div.formelement, table.noPad div.formelementwrap {margin: 0 0 0 0;}
table.noPad span.formelement, table.noPad span.formelementwrap {margin: 0 0 0 0;}
table.noPad select.formelement, table.noPad select.formelementwrap {margin: 0 0 0 0;}
table.noPad input.formelement, table.noPad input.formelementwrap {margin: 0 0 0 0;}

.flyouttwrap { position: relative; overflow: visible; display: inline; }
a.flyoutinfo { font-size: 12px; font-weight: bold; display: inline; float: left; padding: 5px 10px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 6px; -webkit-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px; color: #333; }
a.flyoutinfo.hover { color: #fff; background: #666; }
.flyoutdetails { width: 200px; visibility: hidden; position: absolute; top: -10px; left: -450px; border: 2px solid #666; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; min-height: 80px; z-index: 99; background: #fff; font-size: 12px; padding: 10px; }

/* jquery Tabs
----------------------------------*/
.ui-tabs { position: relative; zoom: 1; }
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/******************* Apple style tabs *****************/
.ui-widget-content ul.ui-tabs-nav { height: 36px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; background: url(JQResource.aspx?Res=css/themes/base/images/ui-tabs-back.png) repeat-x 0px 0px; }
.ui-widget-content ul.ui-tabs-nav li { width: 123px; height: 36px; float: left; display: block; border: 0px; background: transparent; }
.ui-widget-content ul.ui-tabs-nav li a { float: left; display: block; width: 122px; height: 36px; line-height: 36px; text-align: center; color: #fff; text-shadow: 0px 1px 1px #000; }
.ui-widget-content ul.ui-tabs-nav li.ui-tab-first { border-right: 1px solid #4c4c4c; }
.ui-widget-content ul.ui-tabs-nav li.ui-tab-first a { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-radius: 0px 0px 0px 3px; border-radius: 0px 0px 0px 3px; border-right: 1px solid #868686; }
.ui-widget-content ul.ui-tabs-nav li.ui-tab-last a { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 0px 3px 0px; border-radius: 0px 0px 3px 0px; border-left: 1px solid #868686; border-right: 1px solid #fff; }
.ui-widget-content ul.ui-tabs-nav li a:hover { background: url(JQResource.aspx?Res=css/themes/base/images/ui-tabs-back.png) repeat-x 0px -36px; }
.ui-widget-content ul.ui-tabs-nav li a:active { background: url(JQResource.aspx?Res=css/themes/base/images/ui-tabs-back.png) repeat-x 0px -72px; }
.ui-widget-content ul.ui-tabs-nav li.ui-tabs-selected a { background: url(JQResource.aspx?Res=css/themes/base/images/ui-tabs-back.png) repeat-x 0px -108px; }
.ui-tabs-vertical .ui-tabs-nav { background: none repeat scroll 0 0 transparent; padding: 0; float: left; white-space: nowrap; margin: 0 15px 0 0; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0; background: none repeat scroll 0 0 #BABED6; color: #000000; padding: 5px; position: relative; text-decoration: none; text-shadow: 0 1px 1px #FFFFFF; }
.ui-tabs-vertical .ui-tabs-nav li a { display: block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0; background: none repeat scroll 0 0 #D7D3EB; color: #000000; padding: 5px; position: relative; text-decoration: none; text-shadow: 0 1px 1px #FFFFFF; }
.ui-tabs-vertical .ui-tabs-panel { display: block; }