*
{
    padding: 0;
    margin: 0;
}

#surveyDiv ul,ol {
	padding-left: 40px;
}

.clsul
{
    list-style-type: none;
}

html
{
    width: 100%;
    height: 100%;
    font: 12px Arial, sans-serif;
}

body
{
    width: 100%;
    margin: 0;
    height: 100%;
    padding: 0;
    background: #fff url(img/navi_outside_bg.gif) repeat-x 0 51px;
}
img
{
    border: 0;
}
table
{
    border-collapse: collapse;
    border: 0;
}
input[type=checkbox]
{
    margin-right: 4px;
}
input[type=radio]
{
    margin-right: 4px;
}
fieldset
{
    border: 0;
}

textarea {
    overflow: auto;
}

.pageFrame
{
    width: 984px;
    margin: 0 auto;
}
.container
{
    width: 100%;
    margin: 0 auto;
    float: left;
}
.head
{
    width: 100%;
}
.content
{
    width: 100%;
    margin-bottom: 0px;
}

*.content
{
    width: 100%;
    margin-bottom: 0;
}
.siteUtil, .footer, .elementFooter a, p.date, a.readMore
{
    font-size: 8pt;
    color: #888;
}
.siteUtil
{
    height: 24px;
    line-height: 24px;
}
.siteUtil a, .navigationUtil li a
{
    text-decoration: underline;
}
.navigationUtil li a:link, .navigationUtil li a:active, .navigationUtil li a:hover, .navigationUtil li a:visited
{
    color: #41A1BF;
}
.siteUtil p
{
    width: auto;
    float: left;
}
.siteUtil p strong
{
    color: #000;
}
ul.navigationUtil
{
    width: auto;
    float: right;
}
ul.navigationUtil li
{
    width: auto;
    float: left;
    margin: 0 0 0 5px;
}
/**  FOOTER  **/
.footer
{
    width: 100%;
    border-top: solid 1px #ddd;
    padding: 10px 0;
    background: #fff url(img/footer_bg.gif) top left repeat-x;
    margin: 0 auto;
    float: left;
}
.footer p
{
    width: auto;
}
.footer span
{
    display: block;
    float: left;
}
.footer ul.contact
{
    float: left;
}
.footer ul.contact li
{
    width: auto;
    float: left;
    margin: 0 10px 0 0;
}
.footer p span.footerLogo
{
    background: transparent url(img/icon_webropol_small.gif) center left no-repeat;
    margin: 0 0 0 5px;
    width: 90px;
    text-indent: -1000px;
}

/*================================== Geotech Section=================================*/
a:visited
{
    text-decoration: none;
}
a:link
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a:link:hover, a:visited:hover
{
    text-decoration: underline;
}
.sidebar
{
    width: 100%;
    margin-bottom: 10px;
}

.sidebarheader
{
    height: 24px;
    padding: 10px 0 0 0px;
    background: url(img/sidebar_header.png) no-repeat left top;
    color: #FFF;
    font-family: Arial, Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

.sidebarcontent
{
    border: 1px solid #0F2543;
    padding: 20px 20px 20px 30px;
    line-height: 1.5em;
    font-weight: bold;
}
.panelHeader
{
    background: url(img/element_edit_hd.gif) no-repeat scroll left bottom;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 0 0 0 10px;
    display: block;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    color: white;
    font-size: 14px;
}
.panelHeader p
{
    background: url(img/element_edit_hd.gif) no-repeat scroll right bottom;
    color: #FFFFFF;
}
.panelBody
{
    background-image: url(img/element_newQuestion_bga.gif);
    background-repeat: repeat;
}

.corner-bottom-right-td
{
    background-image: url(img/bottom-right-corner.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.corner-bottom-left-td
{
    background-image: url(img/bottom-left-corner.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.corner-top-right-td
{
    background-image: url(img/top-right-corner.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.corner-top-left-td
{
    background-image: url(img/top-left-corner.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.vertical-left-td 
{
    background-image: url(img/left-vert.gif);
    background-repeat: repeat-y;
    background-position: left;
}

.vertical-right-td 
{
    background-image: url(img/right-vert.gif);
    background-repeat: repeat-y;
    background-position: right;
}

.top-horizontal-td 
{
    background-image: url(img/top-horizont.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.bottom-horizontal-td 
{
    background-image: url(img/bottom-horizont.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.popup-corner-bottom-right
{
    background-image: url(img/popup-corner-bottom-right.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.popup-corner-bottom-left
{
    background-image: url(img/popup-corner-bottom-left.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.popup-corner-top-right
{
    background-image: url(img/popup-corner-top-right.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.popup-corner-top-left
{
    background-image: url(img/popup-corner-top-left.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.popup-vertical-left 
{
    background-image: url(img/popup-left-vertical.png);
    background-repeat: repeat-y;
    background-position: left;
}

.popup-vertical-right 
{
    background-image: url(img/popup-right-vertical.png);
    background-repeat: repeat-y;
    background-position: right;
}

.popup-top-horizontal 
{
    background-image: url(img/popup-top-horizontal.png);
    background-repeat: repeat-x;
    background-position: top;
}

.popup-bottom-horizontal 
{
    background-image: url(img/popup-bottom-horizontal.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.pointer-red-mark {
    cursor: pointer;
}

.divQuestionsInfo
{
    background-image: url(img/qmenu-bck.png);
    background-repeat: repeat-x;
    margin: 0 5px 0 5px; 
    border: 1px solid #4099B5;
    padding-bottom: 10px;
}
#div1 table tr td {
    vertical-align: top;
}

.divQuestionsInfo div 
{
    padding: 10px 10px 0 10px;
}

.panelHeaderBlue
{
    background: url(img/element_edit_hd.gif) no-repeat scroll left top;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 0 0 0 10px;
    display: block;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    color: white;
    font-size: 14px;
}

.text-decoration {
    text-decoration: none;
}

.panelHeaderBlue p
{
    background: url(img/element_edit_hd.gif) no-repeat scroll right top;
    color: #FFFFFF;
}
/*Modal Popup*/
.modalBackground
{
    /*Grey background*/ /*background-color: Black; 	filter: alpha(opacity=75); 	-moz-opacity: 0.75; 	opacity: 0.75;*/ /*White background*/
    background-color: #FFFFFF;
    filter: alpha(opacity=00);
    -moz-opacity: 0.35;
    opacity: 0.35;
    
}
.modalBackgroundhome
{
    /*Grey background*/ /*background-color: Black; 	filter: alpha(opacity=75); 	-moz-opacity: 0.75; 	opacity: 0.75;*/ /*White background*/
    background-color: #333;
    filter: alpha(opacity=035);
    -moz-opacity: 0.35;
    opacity: 0.35;
    
}
.modalPopup
{
    background-color: Black;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.modalPopup p
{
    padding: 5px;
}
.elementHeader
{
    background: transparent url(img/element_summary_hd.gif) no-repeat top right;
}
.elementSummary
{
    display: block;
    background-color: Aqua;
}
/*Sandeep Section */

.SurveyPublish
{
    padding: 0;
    width: 100%;
}

.SurveyPublish .SurveyPublishHeader
{
    background: #fff url(img/element_wideBlock_rounded_hd.gif) top left no-repeat;
    height: 20px;
}
.SurveyPublish .SurveyPublishBody
{
    background: #fff url(img/element_wide_middle_bg.gif) top left repeat-y;
}
.SurveyPublish .SurveyPublishBody .SurveyPublishBody
{
    background: transparent none;
}
.SurveyPublish .SurveyPublishFooter
{
    background: #fff url(img/element_wide_bottom_bg.gif) bottom left no-repeat;
    border: none 0px;
    min-height: 20px;
}
.SurveyPublish .SurveyPublishBody hr
{
    width: 944px;
    margin: 20px;
}
.clsSurveyNotifyclearPublish
{
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    display: block;
    height: 1px;
    width: 930px !important;
    background-color: #DDDDDD;
    border: 0 none;
    color: #DDDDDD;
}

.element.option.activeOption
{
    background: transparent url(img/element_option_selected_gray_bg_edited.gif) no-repeat scroll left bottom;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0 0 10px;
}

.element.option.disabled, .disabled a, .disabled span
{
    border-color: #999999;
    color: #999999;
    cursor: default;
}

.elementBodyExpand
{
    background: transparent url(img/element_option_selected_gray_bg_edited.gif) no-repeat scroll left top !important;
    width: 555px;
    height: 180px;
}

.elementBodyCollapsed
{
    float: none;
    background: transparent;
    margin-top: 5px;
    padding: 0 0 10px;
    margin: 0 0 0 0px;
    overflow: hidden;
    width: 555px;
    height: 80px;
}

/*-------SD SECTION-----------*/
.clsInstructionalTextSmall
{
    /*color:#0A246A;*/
    color: #143DAA;
    font-family: arial;
    font-size: 11px;
    text-align: left;
    padding-left: 2px;
}
.clsInstructionalText
{
    /*color:#08287F;*/
    color: #143DAA;
    font-family: arial;
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
}
.clsInstructionalTextRed
{
    /*color:#08287F;*/
    color: #DF0101;
    font-family: arial;
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
}
.clsLabelSmall
{
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
}
.clsLabel
{
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
}
.clsLabelBold
{
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    font-weight: bold;
}

.clsLabelBigBold
{
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    font-weight: bold;
}

.clsBigBoldLinkButton
{
    color: #0000FF;
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    font-weight: bold;
}

.clsWhiteLabel
{
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    height: 16px;
    vertical-align: top;
}

/*MASTER PAGE CSS */
.clsHeaderSmallLabel
{
    color: #888888;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
}


.clsHeaderBigLabel
{
    color: #888888;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
}
.clsHeaderBigLabelBold
{
    color: #888888;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-variant: normal;
    font-weight: bold;
    text-align: left;
}
.clsBlackLabel
{
    color: #000000;
    font-size: 16px;
    clear: both;
    font-weight: normal;
}
/*MASTER PAGE CSS */
.clsHeaderSmallLabelBold
{
    color: #888888;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-variant: normal;
    font-weight: bold;
    text-align: left;
}
/* Orange Bold Text */
.clsColoredLabel
{
    color: #ed7f40;
    font-size: 16px;
    clear: both;
    font-weight: bold;
}

.padding-sheduling-table {
    padding-right: 15px;
}

.clsColoredLabelQues
{
    color: #ed7f40;
    font-size: 14px;
    clear: both;
    font-weight: bold;
}

.clsColoredCommentsQues
{
    clear: both;
    color: #ED7F40;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}

.clsSmallColoredLabelQues
{
    color: #ed7f40;
    font-size: 12px;
    clear: both;
    font-weight: bold;
}

/*Blue Link Button */

.clsLinkButton:hover
{
    text-decoration: underline;
}
/*Orange Link Button */
.clsLinkButtonOrange
{
    color: #ed7f40;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}
.clsLinkButtonOrange:hover
{
    text-decoration: underline;
}
.clsLinkDisable
{
    color: #999999 !important;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    text-align: left;
    cursor: auto;
    text-decoration: none !important;
}
/*MASTER PAGE CSS */
.clsHeaderLinkButton
{
    color: #41A1BF;
    font-family: Arial,Sans-Serif;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}
.clsHeaderLinkButton:hover
{
    text-decoration: underline;
}
/*Blue HyperLink Button */
.clsHyperlinkButton
{
    color: #41A1BF;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}
.clsHyperlinkLabel
{
    color: #41A1BF;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
}

.clsHyperlinkButtonBig
{
    color: #41A1BF;
    font-family: Arial,Sans-Serif;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
.clsHyperlinkButton:hover
{
    text-decoration: underline !important;
}
.clsEnabledTextBoxSmall
{
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    padding-left: 2px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px !important;
    border-color: #bbbbbb;
    width: 190px;
    height: 18px;
}
.clsEnabledTextBox
{
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px !important;
    border-color: #bbbbbb;
    width: 190px;
    height: 18px;
}
.clsEnabledTextBoxQuestions
{
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px !important;
    border-color: #bbbbbb;
    width: 275px;
    height: 18px;
}
.clsEnabledTextBoxQuestionsFF
{
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px !important;
    border-color: #bbbbbb;
    width: 265px;
    height: 18px;
}
.clsRichTextBox
{
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px !important;
    border-color: #bbbbbb;
    width: 600px;
    height: 60px;
}
/* Grid Classes */
.clsEmptyStyle
{
    padding-left: 5px;
    padding-right: 5px;
}
.clsGridHeaderGreyColor
{
    background-color: #e6e6e6;
    padding: 0 10px 0 5px;
    text-align: center;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 2px;
    width: auto;
    vertical-align: top;
}

.clsGridHeaderGreyColor th
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.clsGridHeader
{
    background: transparent url(img/table_header.jpg) 0 0;
    height: 26px;
    padding: 0 5px 0 5px;
    text-align: left;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}

.clsGridHeaderUserGroups
{
    background: transparent url(img/table_header.jpg) 0 0;
    height: 26px;
    padding: 0 5px 0 5px;
    text-align: center;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}


.clsGridHeaderTemplate
{
    background: transparent url(img/table_header.jpg) 0 0;
    height: 26px;
    padding: 0 5px 0 5px;
    text-align: center;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0; /*width: auto;*/
}
.clsGridHeaderCenter
{
    background: transparent url(img/table_header.jpg) 0 0;
    height: 26px;
    padding: 0 2px 0 10px;
    text-align: center;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}
.clsGridHeaderCenterMailingList
{
    background: transparent url(img/table_header.jpg) 0 0;
    height: 26px;
    text-align: center;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}
.clsGridHeader th
{
    padding-left: 5px;
    padding-right: 5px;
}
.clsGridContent
{
    background-color: #ffffff;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 0 2px 0 12px;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    padding-left: 5px;
}
.clsGridContent td
{
    padding-left: 5px;
    padding-right: 5px;
}
.clsGridContentChild
{
    background-color: #ffffff;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 0 2px 0 12px;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    padding-left: 5px;
}
.clsGridContentChild td
{
    padding-left: 5px;
}
.clsGridAlternateRow
{
    background-color: #eeeeee;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 5px 2px 0 12px;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
}
.clsGridAlternateRow
{
    background-color: #eeeeee;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 0 2px 0 5px;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
}
.clsrepeaterRow
{
    background-color: #FFFFFF;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 0 2px 0 5px;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
}
.clsGridAlternateRow td
{
    padding-left: 5px;
    padding-right: 5px;
}
.clsGridFooterBody
{
    background: transparent url(img/element_summary_footer_center_tile.gif) repeat-x;
    height: 50px;
    width: 100%;
    border: 0px;
}
.clsGridFooterLeft
{
    background: transparent url(img/element_summary_footer_left.gif) 0 0;
    height: 50px;
    width: 31px;
    border: 0px;
}
.clsGridFooterRight
{
    background: transparent url(img/element_summary_footer_right.gif) 0 0;
    height: 50px;
    width: 33px;
    border: 0px;
}

/* END Grid Classes */
/*For Regular Buttons 2 classes are needed---*/
.clsBtnSmall
{
    background: transparent url(img/btn_white_bg.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin: 0px;
    padding-left: 3px;
    border-style: none;
    height: 20px;
    cursor: pointer;
    color: #000000;
    text-align: center;
    font-size: 11px;
    font-family: Arial,Sans-Serif;
}

.clsDisableBtnSmall
{
    background: transparent url(img/btn_white_bg.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding-left: 3px;
    border-style: none;
    cursor: default;
    color: #999999;
    text-align: center;
    font-size: 11px;
    height: 20px;
    font-family: Arial,Sans-Serif;
}

.clsDisableBtnParentSmall
{
    border: none 0;
    background: transparent url(img/btn_white_bg.gif) no-repeat right top;
    padding: 0px 5px 0 0;
    height: 20px;
}
.clsBtnBig
{
    background: transparent url(img/btn_white_bg1.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin: 0px;
    padding-left: 3px;
    border-style: none;
    height: 22px;
    cursor: pointer;
    color: #000000;
    text-align: center;
    font-size: 12px;
    font-family: Arial,Sans-Serif;
}
.clsBtnParentBig
{
    border: none 0;
    background: transparent url(img/btn_white_bg_right1.gif) no-repeat right top;
    margin: 0px;
    padding: 0px 3px 0 0;
    height: 22px;
    font-size: 12px;
    float: left;
}
.clsBtn
{
    background: transparent url(img/btn_white_bg.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin: 0px;
    padding-left: 3px;
    border-style: none;
    height: 20px;
    cursor: pointer;
    color: #000000;
    text-align: center;
    font-size: 12px;
    font-family: Arial,Sans-Serif;
}
.clsBtnParent
{
    border: none 0;
    background: transparent url(img/btn_white_bg_right.gif) no-repeat right top;
    margin: 0px;
    padding: 0px 3px 0 0;
    height: 20px;
    font-size: 12px;
    float: left;
}
.clsBtnSurvey
{
    background: transparent url(img/btn_orange_bg.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin: 0px;
    padding-left: 3px;
    border-style: none;
    height: 20px;
    cursor: pointer;
    color: #000000;
    text-align: center;
    font-size: 12px;
    font-family: Arial,Sans-Serif;
}
.clsBtnParentSurvey
{
    border: none 0;
    background: transparent url(img/btn_orange_bg_right.gif) no-repeat right top;
    margin: 0px;
    padding: 0px 3px 0 0;
    height: 20px;
    font-size: 12px;
    float: left;
}

.clsBtnSurveyNext
{
    background: transparent url(img/btn_orange_bg.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin: 0px;
    padding-left: 0px;
    border-style: none;
    height: 20px;
    cursor: pointer;
    color: #000000;
    text-align: center;
    font-size: 12px;
    font-family: Arial,Sans-Serif;
}

.clsBtnParentSurveyNext
{
    border: none 0;
    background: transparent url(img/btn_orange_bg_right.gif) no-repeat right top;
    margin: 0px;
    padding: 0px 3px 0 0;
    height: 20px;
    font-size: 12px;
    float: left;
    
}

.clsAbcEditorBtn
{
    background: transparent url(img/btn_white_bg.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding-left: 3px;
    border-style: none;
    height: 20px;
    cursor: pointer;
    color: #000000;
    text-align: center;
    font-size: 13px;
    height: 20px;
    font-family: Arial,Sans-Serif;
}
.clsBtnParentSmall
{
    border: none 0;
    background: transparent url(img/btn_white_bg_right.gif) no-repeat right top;
    margin: 0px;
    padding: 0px 3px 0 0;
    height: 20px;
    font-size: 11px;
    float: left;
}
/*End of Regular Buttons---*/
.clsBtnActive
{
    background: transparent url(img/btn_blue_bg.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin: 0px;
    padding-left: 3px;
    border-style: none;
    height: 20px;
    cursor: pointer;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    font-family: Arial,Sans-Serif;
}
.clsBtnActiveParent
{
    border: none 0;
    background: transparent url(img/btn_blue_bg_right.gif) no-repeat right top;
    margin: 0px;
    padding: 0px 3px 0 0;
    height: 20px;
    font-size: 12px;
    float: left;
}
.clsBlackPreviewBG
{
    background-position: left top;
    background: #323232 url(img/editor_preview_link_bg.gif) repeat-x scroll left top;
    height: 24px;
    border-style: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}






.clsDynamicRemoveBtnForCol
{
    /*background: transparent url(img/btn_white_bg.gif) no-repeat left top;*/
    background-repeat: no-repeat;
    margin-left: 0px;
    padding-left: 3px;
    border-style: none;
    height: 18px;
    width: 15px;
    cursor: pointer;
    color: #000000;
    text-align: center;
    font-size: 13px;
    font-family: Arial,Sans-Serif;
}




/*For Regular DISABLED Buttons 2 classes are needed---*/
.clsDisableBtn
{
    background: transparent url(img/btn_white_bg.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding-left: 3px;
    border-style: none;
    height: 20px;
    cursor: default;
    color: #999999;
    text-align: center;
    font-size: 12px;
    height: 20px;
    font-family: Arial,Sans-Serif;
}
.clsDisableBtnParent
{
    border: none 0;
    background: transparent url(img/btn_white_bg.gif) no-repeat right top;
    padding: 0px 5px 0 0;
    height: 20px;
}
.clsHiddenBtn
{
}
.clsHiddenBtnParent
{
    background-image: none !important;
}

/*End of DISABLED Regular Buttons---*/

/*For ActionBar Buttons 2 classes are needed---*/
.clsActionBarDisabledBtn
{
    background: transparent url(img/btn_white_bg.gif) no-repeat left top;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding-left: 0px;
    padding-left: 0px;
    border-style: none;
    height: 20px;
    cursor: pointer;
    color: #999999;
    text-align: center;
    font-size: 11px;
    font-family: Arial;
}
.clsActionBarDisabledBtnParent
{
    border: none 0;
    background: transparent url(img/btn_white_bg.gif) no-repeat right top;
    height: 20px;
    padding: 0px 5px 0 0;
    height: 20px;
}
/*End of ActionBar Buttons---*/

/*MASTER PAGE CSS */
/*Master Page Header Menu with Logo---*/
.left
{
    float: left;
}

.right
{
    float: right;
}
.mainnavigator .center ul.menu li.special
{    
    background: url(img/main_nav_bg_orng_bdr.gif) repeat-x;
    height: 54px;
    border-left: 6px solid #fb9f3c;
    border-right: 6px solid #fb9f3c;
}

.mainnavigator .help {
    background: url(img/main_nav_bg.gif) repeat-x;
    height: 54px;
}

.mainnavigator .center ul.menu li.special:hover
{
    background: url(img/main_nav_bg_hover_orng_bdr.gif) repeat-x;
    border-left: 6px solid #fa8b13;
    border-right: 6px solid #fa8b13;
    height: 54px;
}
.mainnavigator .center
{
    background: url(img/main_nav_bg.gif) repeat-x;
    height: 54px;
}

.mainnavigator .center ul.menu li
{
    background: url(img/mainnav_div.gif) no-repeat right;
    padding: 0 15px;
    float: left;
}
.mainnavigator .center ul.menu li a
{
    font-family: Arial, Helvetica, sans-serif;
    line-height: 53px;
    font-size: 170%;
    color: #e7f3f7;
    text-decoration: none !important;
}

.mainnavigator .center ul.menu li:hover
{
    background: url(img/main_nav_bg_hover.gif) repeat-x;
}
/*END Master Page Header Menu with Logo---*/
.clsWebropolLogo
{
    background: url(img/webropollogo.gif);
}
.clsWebropolLogo:hover
{
    background: url(img/webropollogo_hover.gif);
}
.selected
{
    background: transparent url(img/frame_selected_img.png) top right no-repeat;
}

.clsQuestionTypeBody
{
    background: #FFFFFF url(img/questiontype_bg.gif) repeat-y scroll left top;
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.clsQuestionTypeFooter
{
    background: #FFFFFF url(img/questiontypefooter_bg.gif) no-repeat scroll;
    border: 0 none;
    min-height: 20px;
    width: 100%;
}

.panelFooter
{
    background: url(img/questiontypefooter_bg.gif) no-repeat scroll left bottom;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 0 10 0 0px;
    display: block;
    color: white;
    overflow: hidden;
}
.panelFooter table
{
    background: url(img/questiontypefooter_bg.gif) no-repeat scroll right bottom;
    color: #FFFFFF;
}
.clsHeaderBarVerticalLine
{
    background: transparent url(img/sec_navi_last_rigth.gif) no-repeat scroll right center;
    margin-right: 5px;
}
.clsHeaderBarVerticalLineSurvey
{
    background: transparent url(img/sec_navi_last_rigth_orange.gif) no-repeat scroll right center;
    margin-right: 5px;
}
/** BREADCRUMB SECONDARY NAVIGATION  **/
.clsHeaderbar
{
    background: #323232 url(img/sec_navi_bg_right.gif) no-repeat scroll right top;
    clear: left;
    height: 26px;
    margin: 0 0 20px;
    padding: 0 10px 0 0;
}
.clsHeaderbarSurvey
{
    background: #323232 url(img/sec_navi_bg_right_survey.gif) no-repeat scroll right top;
    clear: left;
    height: 26px;
    margin: 0 0 20px;
    padding: 0 10px 0 0;
}
.clsHeaderbar h2
{
    background: url(img/sec_navi_bg_left.gif) top left no-repeat;
    height: 26px;
}

.naviSecondary ul.menu li
{
    float: left;
    width: auto;
    height: 26px;
    line-height: 26px;
}

.naviSecondary ul.menu li span
{
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
}

.naviSecondary ul li.moreActions
{
    background: transparent none;
    float: right;
    line-height: 22px;
}

.naviSecondary ul li a
{
    text-decoration: none;
}
.naviSecondary ul li span
{
    display: block;
    padding: 0;
    color: #fff;
    text-align: center;
    background: url(img/sec_navi_static_rigth.gif) no-repeat right;
    padding-left: 10px;
    padding-right: 18px;
}
.naviSecondary ul li.edit
{
    width: 99px;
}
.naviSecondary ul li.active
{
    background: url(img/active_all_bg.gif);
}
.naviSecondary ul li.before span
{
    background: url(img/bfr_active.gif) right no-repeat;
}
.naviSecondary ul li.active span
{
    background: url(img/active_all.gif) right no-repeat;
}
.naviSecondary ul li.edit.active span
{
    background: url(img/edit_active.gif);
}
.naviSecondary ul li.summary span
{
    background: none;
}
.naviSecondary ul li.disable span
{
    color: #999999;
}

.bcText
{
    color: White;
    cursor: pointer;
    text-align: center;
    height: 26px;
    font-size: 14px;
}
.bcDisabledText
{
    color: Gray;
    cursor: text;
    text-align: center;
    font-size: 14px;
}
.NewStartActiveBefore
{
    background: url(img/bc_last_right.GIF) no-repeat left top;
    height: 26px;
}
.NewStartInActiveBefore
{
    background: url(img/bc_last_right.GIF) no-repeat left top;
    height: 26px;
}
.NewStartActive
{
    background: url(img/active_all_bg.gif) repeat-x;
    height: 26px;
    vertical-align: middle;
    margin-left: 3px;
    padding-left: 5px; /*padding-right: 5px;*/
}
.NewStartInActive
{
    background: url(img/inactive_all_bg.gif) repeat-x;
    height: 26px;
    vertical-align: middle;
    margin-left: 5px;
    padding-left: 5px; /*padding-right: 5px;*/
}
.bcEnableText
{
    color: #000000;
    cursor: text;
    text-align: left;
}
.bcStartActiveBefore
{
    background: url(img/bc_start_active_bfr.GIF) no-repeat left top;
    height: 26px;
}
.bcStartInActiveBefore
{
    background: url(img/bc_start_inactive_bfr.GIF) no-repeat left top;
    height: 26px;
}
.bcActiveBefore
{
    background: url(img/bc_active_bfr.GIF) no-repeat left top;
    height: 26px;
}
.bcInActiveBefore
{
    background: url(img/bc_inactive_aftr.GIF) no-repeat left top;
    height: 26px;
}
.bcStartActive
{
    background: url(img/active_all_bg.gif) repeat-x;
    height: 26px;
    vertical-align: middle;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.bcStartInActive
{
    background: url(img/inactive_all_bg.gif) repeat-x;
    height: 26px;
    vertical-align: middle;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.bcActive
{
    background: url(img/active_all_bg.gif) repeat-x;
    height: 26px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 6px;
}
.bcInActive
{
    background: url(img/inactive_all_bg.gif) repeat-x;
    height: 26px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 6px;
}
.bcActiveAfter
{
    background: url(img/bc_active_aftr.GIF) no-repeat;
    height: 26px;
    width: 6px;
}
.bcBG
{
    background: url(img/inactive_all_bg.gif) repeat-x;
    height: 26px;
    vertical-align: middle;
}
.bcRight
{
    background: url(img/inactive_all_bg.gif) repeat-x;
    height: 26px;
    text-align: left;
    vertical-align: middle; /*margin-right: 6px;*/
}
.bcLastActive
{
    background: url(img/active_all_bg.gif) repeat-x;
    height: 26px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 6px;
}
.bcLastInActive
{
    background: url(img/inactive_all_bg.gif) repeat-x;
    height: 26px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 6px;
}
.bcLastRight
{
    background: url(img/bc_last_right.gif) repeat-x;
    height: 26px;
    width: 2px;
}
.bcLast
{
    background: url(img/bc_end_new.gif) no-repeat;
    height: 26px; /*width: 6px;*/
    padding-right: 5px;
}
.BlueLast
{
    background: url(img/bc_end_blue.gif) no-repeat;
    height: 26px;
    padding-right: 5px;
}
/*--- end---*/
hr
{
    background-color: #DDDDDD;
    border: 0 none;
    color: #DDDDDD;
    height: 1px;
    margin: 10px 0;
    width: 100%;
}
hr.clear
{
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    display: block;
    float: left;
    height: 1px;
    margin: 0 20px 10px 0;
}
/* Sortable Grid CSS*/
.clsSort
{
    background: transparent url(img/img_sort_background.gif) repeat-y;
    padding: 0 2px 0 16px;
    text-align: left;
    vertical-align: middle;
}
.clsSortAsc
{
    background: transparent url(img/img_asc_background.gif) no-repeat;
    padding: 0 2px 0 16px;
}
.clsSortDesc
{
    background: transparent url(img/img_desc_background.gif) no-repeat;
    padding: 0 2px 0 16px;
}
.clsSortNull
{
    background: transparent url(img/img_sort_background_null.gif) no-repeat;
    padding: 0 10px 0 5px;
}

.clsGridColumnHeader
{
    padding: 0 8px 0 8px;
    white-space: nowrap;
    height: 26px;
    text-align: left;
    
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ececec), to(#bdbdbd));
    background: -webkit-linear-gradient(#ececec, #bdbdbd);
    background: -moz-linear-gradient(#ececec, #bdbdbd);
    background: -ms-linear-gradient(#ececec, #bdbdbd);
    background: -o-linear-gradient(#ececec, #bdbdbd);
    background: linear-gradient(#ececec, #bdbdbd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec', endColorstr='#bdbdbd');/*For IE7-8-9*/ 
    /*background: #ececec;*/
}
.clsGridColumnHeaderSorted
{
    padding: 0 8px 0 8px;
    white-space: nowrap;
    height: 26px;
    text-align: left;
   
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c1c1c1), to(#a3a3a3));
    background: -webkit-linear-gradient(#c1c1c1, #a3a3a3);
    background: -moz-linear-gradient(#c1c1c1, #a3a3a3);
    background: -ms-linear-gradient(#c1c1c1, #a3a3a3);
    background: -o-linear-gradient(#c1c1c1, #a3a3a3);
    background: linear-gradient(#c1c1c1, #a3a3a3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1c1c1', endColorstr='#a3a3a3');/*For IE7-8-9*/ 
    /*background: #c1c1c1;*/
}
th.clsGridColumnHeaderSortable>span.clsGridHeaderSort {
    background: transparent url(img/img_sort.gif) no-repeat left center;
}
th.clsGridColumnHeaderSortedAsc>span.clsGridHeaderSort {
    background: transparent url(img/img_asc.gif) no-repeat left center;
}
th.clsGridColumnHeaderSortedDesc>span.clsGridHeaderSort {
    background: transparent url(img/img_desc.gif) no-repeat left center;
}
.clsGridHeaderSort {
    padding: 0 2px 0 16px;    
}
/* Sortable Grid CSS*/

/* for progress bar image*/
.loadingDiv
{
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: Black;
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
    opacity: 0.40;
}
.loadingImage
{
    z-index: 20000;
    background-color: White;
    width: 130px;
    height: 60px;
    padding-left: 45px;
    padding-top: 90px;
}
/*--------END SD SECTION--------------*/



/** text styling' **/
.styleEdits
{
    height: 20px;
    margin: 0 5px 0 0;
    position: relative;
    background: transparent url(img/text_styles.gif) right -84px no-repeat;
    float: left;
}
.styleEdits span
{
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.styleEdits span input
{
    display: none;
}
.styleEdits span label
{
    height: 20px;
    display: block;
    float: left;
    text-indent: -3000px;
}

.styleEdits.textStyles
{
    width: 71px;
    top: 8px;
    margin: 0 3px;
}
.subPages .styleEdits.textStyles label
{
    margin: 0;
}
.editor .styleEdits.textStyles span.btnBold label
{
    width: 24px !important;
    background: transparent url(img/text_styles.gif) 0 0 no-repeat;
}
.editor .styleEdits.textStyles span.bntBold selected label
{
    background-position: 0 -21px;
}
.styleEdits.textStyles span.btnItalic label
{
    width: 23px !important;
    background: transparent url(img/text_styles.gif) -24px 0 no-repeat;
}
.styleEdits.textStyles span.btnItalic.selected label
{
    background-position: -24px -21px;
}
.styleEdits.textStyles span.btnUnderlined label
{
    width: 22px !important;
    background: transparent url(img/text_styles.gif) -47px 0 no-repeat;
}
.styleEdits.textStyles span.btnUnderlined.selected label
{
    background-position: -47px -21px;
}

.toolElementInner .styleEdits
{
    position: relative;
    top: -7px;
    overflow: hidden;
}
.toolElementInner .styleEdits span
{
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
}
.toolElementInner .styleEdits span label
{
    margin: 7px 0 0 0;
}
.toolElementInner .textStyles
{
    width: 71px;
}
.toolElementInner .textStyles span.btnBold label
{
    width: 24px;
    background: transparent url(img/text_styles.gif) no-repeat scroll 0 0;
}
.toolElementInner .textStyles span.bntBold.selected label
{
    background-position: 0 -21px;
}
.toolElementInner .textStyles span.btnItalic label
{
    width: 23px;
    background: transparent url(img/text_styles.gif) -24px 0 no-repeat;
}
.toolElementInner .textStyles span.btnItalic.selected label
{
    background-position: -24px -21px;
}
.toolElementInner .textStyles span.btnUnderlined label
{
    width: 22px;
    background: transparent url(img/text_styles.gif) -47px 0 no-repeat;
}
.toolElementInner .textStyles span.btnUnderlined.selected label
{
    background-position: -47px -21px;
}

.toolElementInner .listStyles
{
    width: 49px;
}
.toolElementInner .listStyles span#ol label
{
    width: 24px;
    background: transparent url(img/text_styles.gif) 0 -42px no-repeat;
}
.toolElementInner .listStyles span#ol.selected label
{
    background-position: 0 -63px;
}
.toolElementInner .listStyles span#ul label
{
    width: 23px;
    background: transparent url(img/text_styles.gif) -35px -42px no-repeat;
}
.toolElementInner .listStyles span#ul.selected label
{
    background-position: -35px -63px;
}

.toolElementInner .textIndents
{
    width: 49px;
}
.toolElementInner .textIndents span#out label
{
    width: 24px;
    background: transparent url(img/text_styles.gif) 0 -168px no-repeat;
}
.toolElementInner .textIndents span#out.selected label
{
    background-position: 0 -189px;
}
.toolElementInner .textIndents span#in label
{
    width: 23px;
    background: transparent url(img/text_styles.gif) -24px -168px no-repeat;
}
.toolElementInner .textIndents span#in.selected label
{
    background-position: -24px -189px;
}

.toolElementInner .textAligns
{
    width: 95px;
}
.toolElementInner .textAligns span#textAlignsLeft label
{
    width: 24px;
    background: transparent url(img/text_styles.gif) 0 -84px no-repeat;
}
.toolElementInner .textAligns span#textAlignsLeft.selected label
{
    background-position: 0 -105px;
}
.toolElementInner .textAligns span#textAlignsCenter label
{
    width: 23px;
    background: transparent url(img/text_styles.gif) -24px -84px no-repeat;
}
.toolElementInner .textAligns span#textAlignsCenter.selected label
{
    background-position: -24px -105px;
}
.toolElementInner .textAligns span#textAlignsRight label
{
    width: 24px;
    background: transparent url(img/text_styles.gif) -47px -84px no-repeat;
}
.toolElementInner .textAligns span#textAlignsRight.selected label
{
    background-position: -47px -105px;
}
.toolElementInner .textAligns span#textAlignsJustify label
{
    width: 23px;
    background: transparent url(img/text_styles.gif) -71px -84px no-repeat;
}
.toolElementInner .textAligns span#textAlignsJustify.selected label
{
    background-position: -71px -105px;
}
/** END text styling' **/
/*-------RM SECTION-----------*/

/*-------------------Skin section--------*/
.clsPanelHeaderblue
{
    background: transparent url(img/element_summary_hd_right.gif) no-repeat scroll top right;
    height: 26px;
}
.clslableH4
{
    font-size: 12px;
    padding-left: 10px;
    font-weight: normal;
    color: #FFFFFF;
}
.clsPanelHeaderblueLeft
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    height: 26px;
    background: transparent url(img/element_summary_hd_left.gif) no-repeat scroll left top;
}
.clsPanelHeaderblue table
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    height: 26px;
    padding-left: 5px;
    background: transparent url(img/element_summary_hd_left.gif) no-repeat scroll left top;
}
.clsPanelBody
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(img/element_summary_bg.gif) no-repeat scroll right bottom;
    height: 100%;
}
.clsPanelBody table
{
    padding: 0px 10px 0px 10px;
}
.clsPanelBody table td
{
    padding: 0 0px 0px 15px;
}
.clsPanelHeaderBlack
{
    background: transparent url(img/element_folder_hd.gif) no-repeat top left;
    height: 26px;
    display: block;
    width: 210px;
    font-size: 12pt;
    color: #FFFFFF;
}
.clsPanelHeaderBlack table td
{
    padding: 0 5px 0 5px;
}
.clsPanelBodyblack
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(img/element_folder_bg.gif) no-repeat scroll left bottom;
}
.clsTreeViewNodeStyle
{
    float: left;
    position: absolute;
    width: 100%;
}
.clsTreeViewNodeStyleActive
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(img/folders_activeItem_bg.gif) no-repeat scroll left top;
}

/*-------------Class section--------*/

.clsTabPanelBody
{
    background: transparent url(img/element_tab_body_bg.gif) no-repeat scroll right top;
    clear: both;
    float: none;
}
.elevator.wide
{
    width: 410px;
}
.elevator.long
{
    width: 610px;
}
.framedImage
{
    cursor: pointer;
    display: block;
    float: left;
    height: auto;
    margin: 10px 0 0 10px;
    position: relative;
    width: auto;
}
.elevator
{
    border: 1px solid #DDDDDD;
    float: left;
    height: 220px;
    margin: 0 20px 20px 0;
    overflow: auto;
    width: 345px;
    z-index: 1000;
    position: relative;
}
/*-------BD SECTION-----------*/
.clsHeaderbarNewSurvey
{
    background: #323232 url(img/sec_navi_bg_right.gif) no-repeat scroll right top;
    clear: left;
    height: 26px;
    margin: 0 0 5px;
    padding: 0 10px 0 0;
}
.clsHeaderbarNewSurvey h2
{
    background: url(img/sec_navi_bg_left.gif) top left no-repeat;
    height: 26px;
}
.clsHeaderbarNewSurvey table
{
    background: url(img/sec_navi_bg_left.gif) top left no-repeat;
    height: 26px;
}
.clsHeaderbar table
{
    background: url(img/sec_navi_bg_left.gif) top left no-repeat;
}

.clsHeaderbarSurveytable
{
    background: url(img/sec_navi_bg_left_survey.gif) top left no-repeat;
}
.clsHeaderLabel
{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    text-indent: 0;
    padding-left: 8px;
    font-family: Arial,sans-serif;
}
.clsNumBullet
{
    color: #fff;
    width: 22px;
    height: 22px;
    padding: 5px 2px 2px 7px;
    display: block;
    font-size: 12pt;
    float: left;
    background: transparent url(img/element_newSurvey_hd_orange.png) center left no-repeat;
}
.clsNumBulletGrey
{
    color: #fff;
    width: 22px;
    height: 22px;
    padding: 5px 2px 2px 7px;
    display: block;
    font-size: 12pt;
    float: left;
    background: transparent url(img/element_newSurvey_hd_grey.gif) center left no-repeat;
}
.info
{
    color: #999;
    line-height: 26px;
    padding: 0 0 0 5px;
    width: auto;
    height: auto;
    float: none;
    display: inline;
    background: transparent none;
}
/*SurveyNotify*/
.clsSurveyNotifycontent
{
    height: auto;
    position: relative;
    width: 100%;
}
.clsSurveyNotifyinfo
{
    font-weight: normal;
    padding: 10px 0 14px;
    float: none;
    width: auto;
}
.clsSurveyNotifyLabel
{
    color: #000000;
    font-family: Arial,sans-serif;
    font-variant: normal;
    text-align: left;
}
.clsSurveyNotifycontentMain
{
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
.clsSurveyNotifywidesubPages
{
    width: 984px;
    padding: 0;
    float: left;
    margin: 0 0 20px;
}
.clsSurveyNotifyelementHeader
{
    background: #FFFFFF url(img/element_wideBlock_rounded_hd.gif) no-repeat scroll left top;
    clear: left;
    height: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
}
.clsSurveyNotifyelementBody
{
    background: #FFFFFF url(img/element_wide_middle_bg.gif) repeat-y scroll left top;
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.clsSurveyNotifyesubNavi
{
    margin: 0 0 0 10px;
    clear: left;
    margin-bottom: 0;
    width: 190px;
    float: left;
}
.clsSurveyNotifyesubNavielementBody
{
    background: transparent none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
}
.clsSurveyNotifyesubNavielementBody ul
{
    border-top: 1px solid #DDDDDD;
    margin: 0 10px 0 0;
    overflow: hidden;
}
/*.clsSurveyNotifyesubNavielementBody li
{
	
	border-bottom: 1px solid #DDDDDD;
	line-height: 25px;
	margin: 0;
	padding: 0;
	float: none;
	width: auto;
}
*/

.clsSurveyNotifyesubNavielementBody li
{
    border-bottom: 1px solid #DDDDDD;
    line-height: 15px;
    margin: 0;
    padding: 5px 0;
    float: none;
    width: auto;
}
/*.clsSurveyNotifyesubNavielementBody li.activeSub
{
	background: transparent url(img/settings_list_link_hover_bg.gif) repeat-x scroll left top;
	color: #000000;
	font-weight: bold;
	
}*/

.clsSurveyNotifyesubNavielementBody li.activeSub
{
    background: transparent url(img/settings_list_link_hover_bg.gif) repeat-x scroll left bottom;
    color: #000000;
    font-weight: bold;
}


.clsSurveyNotifyesubNavielementBody li.SubLink:hover
{
    background: transparent url(img/settings_list_link_hover_bg.gif) repeat-x scroll left bottom;
    text-decoration: none;
}


.clsSurveyNotifyesubNavielementBody li a
{
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat left top;
    display: block;
    padding: 0 10px;
    width: 180px;
}
.clsSurveyNotifyesubNavielementBody li a:link, a:visited
{
    color: #41A1BF;
    text-decoration: none;
}


.clsSurveyNotifyesubNavielementBody li.activeSub a
{
    background: transparent url(img/icon_white_ball_white_bg_up.gif) no-repeat left top;
}



.clsSurveyNotifyeditor
{
    border: 0 none;
    margin: 0;
    padding: 0;
    margin: 10px 0 0;
    width: 740px;
    float: left;
    margin: 0 0 20px;
}
.clsSurveyNotifyeditorelementBody
{
    background: transparent none repeat scroll 0 0;
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}
.clsSurveyNotifytable
{
    margin-bottom: 20px;
    margin-top: 10px;
    clear: both;
    margin-left: 20px;
    border: 0 none;
    border-collapse: collapse;
    float: none;
    width: auto;
}
.clsSurveyNotifytable th
{
    margin: 0;
    padding: 0px 10px 0 5px;
    cursor: pointer;
    font-weight: bold;
    float: none; /*text-align: left;*/
}
.clsSurveyNotifytable td
{
    font-weight: bold;
    padding: 4px 10px 0 0px;
    vertical-align: top;
}
.clsSurveyNotifyclear
{
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    display: block;
    float: left;
    height: 1px;
    width: 690px !important;
    margin: 15px 20px 5px;
    background-color: #DDDDDD;
    border: 0 none;
    color: #DDDDDD;
}
.clsSurveyNotifydiv
{
    margin-bottom: 0px;
    margin-top: 10px;
    clear: both;
    margin-left: 20px;
    border: 0 none;
    border-collapse: collapse;
    float: none;
    width: auto;
}
.clsSurveyNotifySubject
{
    font-weight: bold;
    display: block;
}
.clsSurveyNotifyFreeEditor
{
    border: 1px solid #CCCCCC;
    margin: 20px 0 0 0px;
    width: 600px;
}
.clsSurveyNotifyelementFooter
{
    background: #FFFFFF url(img/element_wide_bottom_bg.gif) no-repeat scroll left bottom;
    border: 0 none;
    min-height: 20px;
    float: left;
    width: 100%;
}
.clsSurveyNotifyelementFooterImport
{
    background: #FFFFFF url(img/element_wide_bottom_bg.gif) no-repeat scroll left bottom;
    border: 0 none;
    min-height: 20px;
    float: left;
    width: 984px;
}
.clsSurveyNotifyFooterright
{
    float: right;
    margin: 0 10px 20px 0;
}
/*RecipientsAdded*/
.status
{
    background: #FFE750 url(img/publish_survey_status_bg.gif) no-repeat scroll right top;
    float: left;
    margin: 20px;
    padding: 0 10px 0 0;
    width: 934px;
}
.statusInner
{
    background: #FFE750 url(img/publish_survey_status_bg.gif) no-repeat scroll left top;
    float: left;
    padding: 0 0 0 10px;
    width: 924px;
    margin: 0;
}
.statusInner h3
{
    color: #000000;
    font-size: 14pt;
    font-weight: normal;
    line-height: 56px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: auto;
}
.statusInnerspan
{
    display: block;
    line-height: 56px;
    width: auto;
}
.clsP
{
    padding: 0 0 0 20px;
}
.clsSurveyNotifyelementBody ul.toggle
{
    margin: 10px 0;
    display: block;
    float: left;
    width: 100%;
    clear: left;
}
.clsSurveyNotifyelementBody ul.toggle li
{
    background: transparent none;
    float: left;
    margin: 0 10px;
    padding: 0 0 2px 0px;
}
.clsSurveyNotifyelementBody ul.toggle li a
{
    padding-left: 5px;
}
.clsSurveyNotifyelementBody ul.toggle li a.active
{
    background: url('img/icon_white_ball_white_bg_down.gif') no-repeat top left;
}
.clselementrecipients
{
    clear: both;
    float: left;
    margin: 0 0 0;
    padding: 0;
    width: auto;
}
.clstoggleelementHeader
{
    background: transparent none repeat scroll 0 0;
    height: 0;
    padding: 0;
    float: left;
    width: 100%;
    margin: 0;
}

.clstoggleelementBody1
{
    background: transparent url(img/tab_bg_gray_w565_header.png) no-repeat scroll left top;
    float: left;
    height: auto;
    margin: 0 0 0 20px;
    padding: 10px;
    width: 566px;
    position: relative;
}
.clstoggleelelementFooter1
{
    background: transparent url(img/tab_bg_gray_w565_bottom.gif) no-repeat scroll left bottom;
    height: auto;
    margin: 0 0 0 20px;
    width: 566px;
    border: 0 none;
    min-height: 20px;
    float: left;
    padding: 0;
    vertical-align: middle;
}

.clstoggleelementBody
{
    background: transparent url(img/tab_bg_gray_w565_top.gif) no-repeat scroll left top;
    float: left;
    height: auto;
    margin: 0 0 0 20px;
    padding: 10px;
    width: 566px;
    position: relative;
}
.clstoggleelelementFooter
{
    background: transparent url(img/tab_bg_gray_w565_bottom.gif) no-repeat scroll left bottom;
    border-top: 1px solid #DDDDDD;
    height: auto;
    margin: 0 0 0 20px;
    width: 566px;
    border: 0 none;
    min-height: 20px;
    float: left;
    padding: 0;
    border-top: 1px solid #DDDDDD;
    vertical-align: middle;
}
.clstoggleelright
{
    float: right;
    padding: 10px 10px 10px 0;
    width: auto;
}
.clstoggleelleft
{
    float: left;
    padding: 10px 10px 10px 0;
    width: auto;
}

.clstoggleelrightbtn
{
    float: left;
    margin: 10px 10px 10px 0;
    padding: 0 0 0 5px;
}
.clsclear
{
    margin: 20px;
    width: 944px;
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    display: block;
    float: left;
    height: 1px;
    background-color: #DDDDDD;
    border: 0 none;
    color: #DDDDDD;
}
.clsrecipientsTools
{
    margin: 0 0 0 10px;
}
.clsrecipientsTools table
{
    margin: 10px;
    border: 0 none;
    border-collapse: collapse;
}
.clsrecipientsTools table td
{
    padding: 3px 10px 0px 0px;
}
.clsrecipientsToolsbtn
{
    background: transparent url(img/btn_white_bg.gif) no-repeat scroll left top;
    cursor: pointer;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 0 0 5px;
}
.vr
{
    border-right: 1px solid #CCCCCC;
    margin-left: 10px;
    margin-right: 5px;
    vertical-align: middle;
}
.clsgridContiner
{
    width: 734px;
    margin-left: 20px;
    position: relative;
    border: 1px solid #DDDDDD;
}
/* Folder Delete control */
.clsDeleteModal
{
    background: transparent url(img/thickbox_top_bg.gif) no-repeat scroll left top;
    height: auto;
    left: 50%;
    margin-left: -250px;
    padding: 20px 0 0;
    position: fixed;
    top: 27%;
    width: 516px;
    display: block;
    z-index: 3000;
}
.clsmodalInner
{
    background: transparent url(img/thickbox_bottom_bg.gif) no-repeat scroll left bottom;
    padding: 0 20px 62px;
}

.clsmodalInnerLoginTemplate
{
    background: transparent url(img/thickbox_bottom_bg.gif) no-repeat scroll left bottom;
    padding: 0 30px 90px;
}

.clsmodalInnerEmail
{
    background: transparent url(img/thickbox_bottom_bg.gif) no-repeat scroll left bottom;
    padding: 0 30px 100px;
}

.clsmodalContent
{
    padding: 0 0 20px 52px;
    position: relative;
}

.clsmodalContentArchive
{
    padding: 0 0 20px 22px;
    position: relative;
}
.clsmodalContentWithoutPadding
{
    position: relative;
}

.clsicontrashbin
{
    background: transparent url(img/icon_bin.gif) no-repeat scroll left top;
    height: 47px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 42px;
}
.clsiconFolder
{
    background: transparent url(img/Folder.jpg) no-repeat scroll left top;
    height: 50px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 50px;
}
.clsicontrashbinp
{
    margin: 5px 0;
}
.clsfolderlist
{
    background: #F2F2F2 url(img/thickbox_list_bottom_bg.gif) no-repeat scroll left bottom;
    padding: 0 0 10px;
    width: 422px;
}
.clsfolderlistul
{
    background: #F2F2F2 url(img/thickbox_list_top_bg.gif) no-repeat scroll left top;
    padding: 10px 0 0;
}
.clsmodalControls
{
    border-top: 1px solid #DDDDDD;
    float: right;
}
.clsmodalControlstable
{
    border-collapse: collapse;
    margin: 20px 0 20px 330px;
}
.clsmodalControlstableDel
{
    border-collapse: collapse;
    margin: 20px 0 20px 270px;
}
.clsmodalControlstableForadd
{
    border-collapse: collapse;
    margin: 10px 0 0px 250px;
}
.clsmodalControlstableForadd1
{
    border-collapse: collapse;
    margin: 10px 0 0px 140px;
}
.clsmodalControlstable tr td
{
    padding-right: 10px;
}


.clsmodalControlstableRec
{
    border-collapse: collapse;
    margin: 20px 0 20px 330px;
}

.clsmodalControlstableRec tr td
{
}


/* Home Page      */
.clsHomeContent
{
    height: auto;
    position: relative;
    width: 100%;
    margin-top: 0px;
}
.clsHomeContentMain
{
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
.clsHomepromoMain
{
    height: 355px;
    margin: 0 8px 8px 0;
    width: 682px;
}
.clsHomepromoSmall
{
    float: left;
    border: none;
    height: 250px;
    margin: 0 10px 20px 0;
    width: 220px;
    overflow: hidden;
}
.clsHomenews
{
    background: transparent url(img/news_list_bg.gif) no-repeat scroll left bottom;
    width: 440px;
    float: left;
    margin: 0 0 20px;
}
.clsHomelementHeader
{
    background: #46ACCC url(img/news_list_head.gif) no-repeat scroll left top;
    float: left;
    height: 26px;
    width: 100%;
}
.clsHomelementHeader h3
{
    float: left;
    line-height: 26px;
    padding: 0 0 0 10px;
    width: auto;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: normal;
}
.clsHomelementHeader a.rss
{
    color: #B5D5DF;
    float: right;
    line-height: 26px;
    margin: 0 10px;
    width: auto;
    background: transparent url(img/icon_rss.png) no-repeat scroll right center;
    font-size: 8pt;
    padding: 0 17px 0 0;
    text-transform: uppercase;
}
.clsHomeelementBody
{
    float: left;
    position: relative;
    width: 100%;
}
.clsHomeelementBody ul
{
    margin: 10px 0;
    width: 100%;
}
.clsHomeelementBody ul li
{
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    margin: 0 10px;
    padding: 0 0 2px 15px;
    float: left;
    padding-bottom: 10px;
    width: 175px;
}
.clsHomeelementBody ul li h4, h4 a:link, h4 a:visited
{
    clear: both;
    color: #ED7F40;
    font-size: 12pt;
    font-weight: normal;
    text-decoration: none;
}
.clsHomeelementBody ul li h4, h4 a:hover
{
    clear: both;
    color: #ED7F40;
    font-size: 12pt;
    font-weight: normal;
}
.clsHomeelementBody ul li a.readMore
{
    background: transparent url(img/icon_orange_ball_arrow_right.gif) no-repeat scroll right top;
    padding: 0 13px 0 0;
    color: #888888;
    text-transform: uppercase;
}
.clsHomeelementBody p a:link, a:visited
{
    color: #41A1BF;
    text-decoration: none;
}
.clsHomeelementBody p a:hover
{
    text-decoration: underline;
}
.clsHomeelementFooter
{
    border-top: 1px solid #DDDDDD;
    float: left;
    min-height: 20px;
    width: 100%;
    color: #888888;
    font-size: 8pt;
}
.clsHomeelementFooter a.readMore
{
    float: right;
    width: auto;
    margin: 5px 10px;
    background: transparent url(img/icon_orange_ball_arrow_right.gif) no-repeat scroll right top;
    text-transform: uppercase;
    padding: 0 13px 0 0;
    color: #888888;
    font-size: 8pt;
}
.clsHomecontentSecondary
{
    float: right;
    width: auto;
}
.clsHomeelementlist
{
    background: transparent url(img/promo_list_bg.gif) no-repeat scroll left bottom;
    clear: left;
    width: 294px;
    float: left;
    margin: 0 0 21px;
}
.clsHomeelementlistHeader
{
    background: #323232 url(img/promo_list_head.gif) no-repeat scroll left top;
    float: left;
    width: 100%;
}
.clsHomeelementlistHeader h3
{
    float: left;
    line-height: 26px;
    padding: 0 0 0 10px;
    width: auto;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: normal;
}
.clsHomeelementlistHeader a.rss
{
    color: #BBBBBB;
    float: right;
    line-height: 26px;
    margin: 0 10px;
    width: auto;
    background: transparent url(img/icon_rss.png) no-repeat scroll right center;
    font-size: 8pt;
    padding: 0 17px 0 0;
    text-transform: uppercase;
}
.clsHomeelementlistBody
{
    min-height: 180px;
    float: left;
    position: relative;
    width: 100%;
}
.clsHomeelementlistBody ul
{
    margin: 10px 0;
    width: 100%;
    list-style-type: none;
}
.clsHomeelementlistBody ul li
{
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    margin: 0 10px;
    padding: 0 0 2px 15px;
    color: #41A1BF;
}
.clsHomeelementlistBody ul li a
{
    color: #41A1BF;
    text-decoration: none;
}
.clsNounPublish
{
    padding: 10px 0px 10px 50px;
}
/*ContactUs*/
.contactCard
{
    background: transparent url(img/contact_card_bg.gif) no-repeat scroll left bottom;
    border: 0 none;
    float: left;
    margin: 20px 18px 20px 0;
    padding: 0 0 10px;
    position: relative;
    width: 302px;
    height: 140px;
}
.contactImage
{
    border: 0 none;
    float: left;
    margin: 20px 0px 0px 0;
    padding: 0 0 10px;
    position: relative;
    width: 320px;
}
.contactCardHeader
{
    background: transparent url(img/contact_card_bg.gif) no-repeat scroll left top;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 50px 5px 10px;
    position: relative;
}
.contactCardHeader h5
{
    font-size: 14px;
}
.contactCard table
{
    margin: 10px;
    text-align: left;
}
/* News*/

.content_padding
{
    padding: 7px 16px 0 16px;
}
.recent_news_item
{
    border-bottom: 1px solid #dcd8d1;
    margin: 3px 0 0px 0;
    padding: 0 0 0px 0;
    width: 950px;
    word-wrap: break-word;
    overflow: auto;
}
.recent_news_item h2
{
    font-weight: bold;
    font-size: 13px;
    margin: 0;
}
.recent_news_item h2 a
{
    text-decoration: none;
    color: #5f4627;
}
.recent_news_item h2 a:hover
{
    text-decoration: underline;
}
.newsdate
{
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 5px;
}
/*Template*/
.framedImage
{
    display: block;
    width: auto;
    height: auto;
    float: left;
    position: relative;
    cursor: pointer;
    margin: 10px 0 0 10px;
}
.framedImage label
{
    display: block;
    cursor: pointer;
}
.framedImage .frame
{
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 90px;
    background: transparent url(img/frame_border_img.png) top right no-repeat;
}
.selected .frame, .hovered .frame
{
    background: transparent url(img/frame_selected_img.png) top right no-repeat !important;
}
.framedImage input.radio.image
{
    position: relative;
    top: -40px;
    display: none;
}
.framedImage hovered
{
    background: transparent url(img/frame_selected_img.png) top right no-repeat;
}
.smokeScreen
{
    background: #ffffff none repeat scroll 0 0;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.smokeContainer
{
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 1000;
}
.cleared
{
    padding: 0;
}
/* summary page */
.clslabelh3
{
    color: #EC7632;
    font-weight: bold;
    margin: 0 0 8px;
    padding: 0 0 0 20px;
    font-size: 12pt;
}
.clspublic
{
    margin: 10px 0 0 20px;
    min-height: 56px;
}
table.surveyStat
{
    width: auto;
    margin-top: 20px;
}

.surveyStat .marginInstruct {
    margin-bottom: 10px;
}
table.surveyStat td
{
    padding: 0 5px 0 0;
    font-weight: bold;
    vertical-align: top;
    border: none;
}
table.surveyStat a:link, a:visited
{
    color: #41A1BF;
}
table.surveyStat a:hover
{
    color: #41A1BF;
    text-decoration: underline;
}
.clssummaryPara
{
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    margin: 0 35px;
    padding-bottom: 10px;
    padding-left: 15px;
}
table.basic
{
    width: 400px;
    border: none;
    margin-left: 20px;
}
table.basic tbody, table.basic td
{
    border: none;
    padding: 0 7px;
}
table thead td, table.basic td
{
    font-weight: bold;
}
.summaryelementwideul
{
    padding: 0 0 0 20px;
    margin: 10px 0;
    width: 100%;
    list-style-type: none;
}
.summaryelementwideul li
{
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    margin: 0 10px;
    padding: 0 0 2px 15px;
}
.summaryelementwideul li a:link, a:visited
{
    color: #41A1BF;
    text-decoration: none;
}
.summaryelementwideul li a:hover
{
    color: #41A1BF;
    text-decoration: underline;
}
/* For tab control*/
.clsTabStyle .ajax__tab_header
{
    font-family: Arial,tahoma,helvetica;
    font-size: 13px;
    color: #ffffff;
    height: 26px;
    border-bottom: 1px solid #DDDDDD;
}
.ajax__tab_header a 
{
    font-family: Arial,tahoma,helvetica;
    font-size: 13px;
    color: #ffffff;
} 
.ajax__tab_tab .clsLinkButton {
    color: white;
}

.clsTabStyle .ajax__tab_outer
{
    padding-right: 4px;
    background: url(img/element_hd_black_right.gif) no-repeat right;
    height: 26px;
}
.clsTabStyle .ajax__tab_inner
{
    padding-left: 3px;
    background: url(img/element_hd_black_left.gif) no-repeat left;
    height: 26px;
}
.clsTabStyle .ajax__tab_tab
{
    height: 26px;
    padding: 0px;
    margin: 4px;
}

.clsTabStyle .ajax__tab_active .ajax__tab_outer
{
    padding-right: 4px;
    background: url(img/element_summary_hd_right.gif) no-repeat right;
    height: 26px;
}
.clsTabStyle .ajax__tab_active .ajax__tab_inner
{
    padding-left: 3px;
    background: url(img/element_summary_hd_left.gif) no-repeat left;
    height: 26px;
}
.clsTabStyle .ajax__tab_active .ajax__tab_tab
{
    height: 26px;
}

.clsTabStyle .ajax__tab_disabled .ajax__tab_outer
{
    padding-right: 4px;    
    height: 26px;
}
.clsTabStyle .ajax__tab_disabled .ajax__tab_inner
{
    padding-left: 3px;
    height: 26px;
}
.clsTabStyle .ajax__tab_disabled .ajax__tab_tab
{
    height: 26px;
}

/* For new layout tab control (access rights) */

/* default layout */
.tab_default .tab_header {white-space:nowrap;}
.tab_default .tab_outer {display:-moz-inline-box;display:inline-block}
.tab_default .tab_inner {display:-moz-inline-box;display:inline-block}
.tab_default .tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

.clsTabStyle .tab_header
{
    font-family: Arial,tahoma,helvetica;
    font-size: 13px;
    color: #ffffff;
    height: 31px;
    border-bottom: 1px solid #DDDDDD;
}

.tab_tab .clsLinkButton {
    color: black;
}
.tab_header a 
{
    font-family: Arial,tahoma,helvetica;
    font-size: 13px;
    color: black;
} 
.clsTabStyle .tab_outer
{
    padding-right: 4px;
    background: white;
    position: relative; 
    float: left;
    height: 30px;
    border: 1px solid #DDDDDD;
    border-radius: 7px 7px 0px 0px;
    margin-right: 3px;
}
.clsTabStyle .tab_outer img
{
    /*position: absolute; */
    margin: -15px 0px 0px 5px;
    float: left;
    border: 0px;
}
.clsTabStyle .tab_inner
{
    /*margin-left: 100px;*/
    background: white;
    display: table; 
    height: 26px;
    float: left;
}
.clsTabStyle .tab_tab
{
    display: table-cell; 
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}
.clsTabStyle .tab_tab .tab_tab_inner
{
    text-align: left;
}

.clsTabStyle .tab_active .tab_outer
{
    background: #DDDDDD;
    border: 1px solid #DDDDDD;
}
.clsTabStyle .tab_active .tab_inner
{
    background: #DDDDDD;
}
.clsTabStyle .tab_active .tab_tab
{
    display: table-cell; 
    vertical-align: middle;
}
.clsTabStyle .tab_active .tab_tab .tab_tab_inner
{
    text-align: left;
}

.clsTabStyle .tab_disabled .tab_outer
{
    padding-right: 4px;    
    height: 26px;
}
.clsTabStyle .tab_disabled .tab_inner
{
    padding-left: 3px;
    height: 26px;
}
.clsTabStyle .tab_disabled .tab_tab
{
    height: 26px;
}

/* scrolling */
.scroll_horiz {overflow-x:scroll;}
.scroll_vert {overflow-y:scroll;}
.scroll_both {overflow:scroll}
.scroll_auto {overflow:auto}

/* plain theme */
.tab_plain .tab_outer {text-align: center; vertical-align: middle; border:2px solid #999999;}
.tab_plain .tab_inner {text-align: center; vertical-align: middle; }
.tab_plain .tab_body {text-align: center; vertical-align: middle;}
.tab_plain .tab_header {text-align: center; vertical-align: middle;}
.tab_plain .tab_active .tab_outer {background:#FFFFE1;}


.clsTabEmailStyle .tab_header
{
    font-family: Arial,tahoma,helvetica !important;
    font-size: 13px !important;
    color: #ffffff !important;
    height: 26px !important;
    border-bottom: 0px none !important;
}
.clsTabEmailStyle .tab_outer
{
    padding-right: 4px;
    background: url(img/element_hd_black_right.gif) no-repeat right;
    height: 26px;
}
.clsTabEmailStyle .tab_inner
{
    padding-left: 3px;
    background: url(img/element_hd_black_left.gif) no-repeat left;
    height: 26px;
}
.clsTabEmailStyle .tab_tab
{
    height: 26px;
    padding: 0px;
    margin: 4px;
}

.clsTabEmailStyle .tab_active .tab_outer
{
    padding-right: 4px;
    background: url(img/element_summary_hd_right.gif) no-repeat right;
    height: 26px;
}
.clsTabEmailStyle .tab_active .tab_inner
{
    padding-left: 3px;
    background: url(img/element_summary_hd_left.gif) no-repeat left;
    height: 26px;
}
.clsTabEmailStyle .tab_active .tab_tab
{
    height: 26px;
}

.clsTabEmailStyle .tab_disabled .tab_outer
{
    padding-right: 4px;
    height: 26px;
}
.clsTabEmailStyle .tab_disabled .tab_inner
{
    padding-left: 3px; 
    height: 26px;
}
.clsTabEmailStyle .tab_disabled .tab_tab
{
    height: 26px;
}

/****/
/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {text-align: center; vertical-align: middle; border:2px solid #999999;}
.ajax__tab_plain .ajax__tab_inner {text-align: center; vertical-align: middle; }
.ajax__tab_plain .ajax__tab_body {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_header {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {background:#FFFFE1;}


/****/
/* For tab control*/
.clsTabEmailStyle .ajax__tab_header
{
    font-family: Arial,tahoma,helvetica !important;
    font-size: 13px !important;
    color: #ffffff !important;
    height: 26px !important;
    border-bottom: 0px none !important;
}
.clsTabEmailStyle .ajax__tab_outer
{
    padding-right: 4px;
    background: url(img/element_hd_black_right.gif) no-repeat right;
    height: 26px;
}
.clsTabEmailStyle .ajax__tab_inner
{
    padding-left: 3px;
    background: url(img/element_hd_black_left.gif) no-repeat left;
    height: 26px;
}
.clsTabEmailStyle .ajax__tab_tab
{
    height: 26px;
    padding: 0px;
    margin: 4px;
}

.clsTabEmailStyle .ajax__tab_active .ajax__tab_outer
{
    padding-right: 4px;
    background: url(img/element_summary_hd_right.gif) no-repeat right;
    height: 26px;
}
.clsTabEmailStyle .ajax__tab_active .ajax__tab_inner
{
    padding-left: 3px;
    background: url(img/element_summary_hd_left.gif) no-repeat left;
    height: 26px;
}
.clsTabEmailStyle .ajax__tab_active .ajax__tab_tab
{
    height: 26px;
}

.clsTabEmailStyle .ajax__tab_disabled .ajax__tab_outer
{
    padding-right: 4px;
    height: 26px;
}
.clsTabEmailStyle .ajax__tab_disabled .ajax__tab_inner
{
    padding-left: 3px; 
    height: 26px;
}
.clsTabEmailStyle .ajax__tab_disabled .ajax__tab_tab
{
    height: 26px;
}


/****/
/*-------RM SECTION-----------*/

.clsPanelHeaderblue
{
    background: transparent url(img/element_summary_hd_right.gif) no-repeat top right;
    height: 26px;
}
.clslableH4
{
    font-size: 12pt;
    padding-left: 10px;
    font-weight: normal;
    color: #FFFFFF;
}
.clsPanelHeaderblue table
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    height: 26px;
    padding-left: 5px;
    background: transparent url(img/element_summary_hd_left.gif) no-repeat scroll left top;
}
.clsPanelBody
{
    border-bottom: solid 1px #ddd;
}




/*-------DB SECTION-----------Dublicate section*/
/*.clsHeaderbar {
background:#323232 url(img/sec_navi_bg_right.gif) no-repeat scroll right top;
clear:left;
height:26px;
margin:0 0 20px;
padding:0 10px 0 0;
}
.clsHeaderbar h2 { background: url(img/sec_navi_bg_left.gif) top left no-repeat; }

.clsHeaderLabel {color:#FFFFFF;
font-size:16px;
font-weight:normal;
line-height:26px;
text-indent:0;
padding-left:8px;
font-family:Arial,sans-serif;
}
.clsNumBullet{ color:#fff;width:22px;height:22px;padding:2px 2px 2px 7px;display:block;float:left;background: transparent url(img/element_newSurvey_hd_orange.png) center left no-repeat; }
.info { color:#999;line-height:26px;padding: 0 0 0 5px;width:auto;height:auto;float:none;display:inline;background:transparent none; }
*/
/*SurveyNotify*/
/*.clsSurveyNotifycontent {height:auto;position:relative;width:100%;}
.clsSurveyNotifyinfo {font-weight:normal;padding:10px 0 14px;float:none;margin:0;padding:0;width:auto;}
.clsSurveyNotifycontentMain {float:left;margin:0;padding:0;width:auto;}
.clsSurveyNotifywidesubPages {width:984px;padding:0;float:left;margin:0 0 20px;}
.clsSurveyNotifyelementHeader {background:#FFFFFF url(img/element_wideBlock_rounded_hd.gif) no-repeat scroll left top;clear:left;height:20px;width:100%;margin:0;padding:0;}
.clsSurveyNotifyelementBody {background:#FFFFFF url(img/element_wide_middle_bg.gif) repeat-y scroll left top;float:left;position:relative;width:100%;margin:0;padding:0;}
.clsSurveyNotifyesubNavi {margin:0 0 0 10px;clear:left;margin-bottom:0;width:190px;float:left;}
.clsSurveyNotifyesubNavielementBody {background:transparent none repeat scroll 0 0;float:left;position:relative;width:100%;}
.clsSurveyNotifyesubNavielementBody ul {border-top:1px solid #DDDDDD;margin:0 10px 0 0;overflow:hidden;}
.clsSurveyNotifyesubNavielementBody li {background:transparent none repeat scroll 0 0;border-bottom:1px solid #DDDDDD;line-height:25px;margin:0;padding:0;float:none;width:auto;}
.clsSurveyNotifyesubNavielementBody li.activeSub a:hover {background:transparent url(img/settings_list_link_actove_bg.gif) no-repeat scroll left top;color:#000000;font-weight:bold;}
.clsSurveyNotifyesubNavielementBody li a {display:block;padding:0 10px;width:180px;}
.clsSurveyNotifyesubNavielementBody li a:link, a:visited {color:#41A1BF;text-decoration:none;}
.clsSurveyNotifyeditor {border:0 none;margin:0;padding:0;margin:10px 0 0;width:740px;float:left;margin:0 0 20px;}
.clsSurveyNotifyeditorelementBody {background:transparent none repeat scroll 0 0;width:100%;float:left;position:relative;margin:0;padding:0;}
.clsSurveyNotifytable {margin-bottom:20px;margin-top:10px;clear:both; margin-left:20px; border:0 none;border-collapse:collapse;float:none;width:auto;}
.clsSurveyNotifytable td {font-weight:bold;padding:0 2px 0 4px;vertical-align:top;}
.clsSurveyNotifyclear {border-bottom:1px solid #DDDDDD;clear:both;display:block;float:left;height:1px;width:735px !important;margin:15px 20px 5px;background-color:#DDDDDD;border:0 none;color:#DDDDDD;}
.clsSurveyNotifydiv {margin-bottom:20px;margin-top:10px;clear:both; margin-left:20px; border:0 none;border-collapse:collapse;float:none;width:auto;}
.clsSurveyNotifySubject {font-weight:bold;display:block;}
.clsSurveyNotifyFreeEditor {border:1px solid #CCCCCC;margin:20px 0 0 0px; width:600px;}
.clsSurveyNotifyelementFooter {background:#FFFFFF url(img/element_wide_bottom_bg.gif) no-repeat scroll left bottom;border:0 none;min-height:20px;}
*/
/*.clsSurveyNotifyFooterright {margin:0 0 20px;float:right;}*/

.clsElementOption
{
    float: none;
    margin: 0 0 20px;
    table-layout: fixed;
    position: relative;
}

.clsElementBody
{
    height: auto;
    margin: 0;
    min-height: 20px;
    padding: 10px 0 0;
    position: relative;
    background: transparent none repeat scroll 0 0;
    float: left;
    width: 100%;
}

.clsContent
{
    width: 100%;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
}

.clsElementWideFormContent
{
    padding: 0;
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

.clsDivElementBody
{
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

.clsDivElementBody h4, h4 a:link, h4 a:visited
{
    clear: both;
    color: #ED7F40;
    font-size: 12pt;
}

.clsElementContent
{
    margin: 10px 20px 0 5px;
    width: 200px;
    float: left;
    height: auto;
    position: relative;
    padding: 0;
}

.clsElementHeader
{
    background: #DDDDDD url(img/element_edit_content_hd.gif) no-repeat scroll left top;
    height: 26px;
}

.clsElementHeader h3
{
    float: left;
    line-height: 26px;
    padding: 0 0 0 10px;
    width: auto;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: normal;
    margin: 0;
}

/*
.clsElementEditor
{
	margin:10px 0 0;
	width:740px;
	float:left;
	padding:0;
	
}
*/

.clsElementFooter
{
    border-top: 1px solid #DDDDDD;
    float: left;
    min-height: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.clsElementNewQuestion
{
    background: #FFFFFF url(img/element_newQuestion_bg.gif) no-repeat scroll left bottom;
    left: 18px;
    position: absolute;
    top: 110px;
    width: 418px;
    float: left;
    margin: 0 0 20px;
    padding: 0;
}

.clsElementNewQuestionHeader
{
    background: transparent url(img/element_summary_hd.gif) no-repeat scroll right top;
    float: left;
    height: 26px;
    width: 100%;
    margin: 0;
    padding: 0;
}

/*MS */

.clsDesignTemplateTextStyleSettingstable
{
    margin-bottom: 10px;
    margin-top: 0px;
    clear: both;
    margin-left: 20px;
    border: 0 none;
    border-collapse: collapse;
    float: none;
    width: 760px;
}
.clsSurveySettingstable
{
    margin-bottom: 10px;
    margin-top: 0px;
    clear: both;
    margin-left: 20px;
    border: 0 none;
    border-collapse: collapse;
    float: none;
    width: 760px;
}
.clsSurveySettingstable th
{
    margin: 0;
    padding: 0px 10px 0 0;
    cursor: pointer;
    font-weight: bold;
    float: none;
    text-align: left;
}
.clsSurveySettingstable td
{
    font-weight: bold;
    padding: 5px 2px 1px 2px;
    vertical-align: top;
}
.clsChk
{
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: bold;
    padding-right: 2px;
}

.ajax__colorPicker_container table td
{
    padding: 1px 0px 0px 1px !important;
}
/* Combobox */
.clsComboContentSmall
{
    background-color: #ffffff;
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    border-style: solid;
    border-width: 1px !important;
    border-color: #427AA0;
    height: 20px;
    padding-left: 2px;
    width: 175px;
}
.clsComboContent
{
    background-color: #ffffff;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    border-style: solid;
    border-width: 1px !important;
    border-color: #427AA0;
    height: 20px;
    padding-left: 2px;
    width: 175px;
}
.clsComboContent option
{
    background-color: #ffffff;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
}
.clsComboContentMedium
{
    background-color: #ffffff;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    border-style: solid;
    border-width: 1px !important;
    border-color: #427AA0;
    height: 20px;
    padding-left: 2px;
    width: 250px;
}
.clsDisabledCombo
{
    background-color: #ffffff;
    color: #808080;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    border-style: solid;
    border-width: 1px !important;
    border-color: #427AA0;
    height: 20px;
    padding-left: 2px;
    width: 175px;
}
/*bd        */
.clstoolbaractive
{
    display: block;
    height: 97px;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}
.clstoolElement
{
    background: transparent url(img/tool_element_right_bg.gif) no-repeat scroll right center;
    float: left;
    margin: 8px 0 8px 10px;
    padding: 0 10px 0 0;
    width: auto;
}
.clstoolElementInner
{
    background: transparent url(img/tool_element_left_bg.gif) no-repeat scroll left center;
    float: left;
    height: 80px;
    min-width: 50px;
    padding: 0 0 0 7px;
    position: relative;
    width: auto;
}
.clstoolElementInner p
{
    color: #999999;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    top: 61px;
}
.clsnewQuestion
{
    display: block;
    float: left;
    height: 46px;
    text-indent: -1000px;
    width: 51px;
    margin: 0 0 7px;
    position: relative;
    top: -7px;
    padding: 0 0 0 5px;
    cursor: pointer;
}
a.clsnewQuestion:hover, a.clsnewQuestion:active
{
    background: transparent url(img/btn_sq_question_active.gif) no-repeat top left;
}
.clsnewQuestionlabel
{
    margin: 0 0 7px;
    position: relative;
    top: -7px;
    float: left;
    padding: 0 0 0 5px;
}
.clsPanelnewQuestion
{
    background: #FFFFFF url(img/element_newQuestion_bg.gif) no-repeat scroll left bottom;
    left: 18px;
    position: absolute;
    top: 210px;
    width: 418px;
    z-index: 1000;
    height: auto;
}
.clsPanelnewQuestionBody
{
    height: 400px;
    overflow: auto;
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.clsPanelelementFooter
{
    border-top: 1px solid #DDDDDD;
    float: left;
    min-height: 20px;
    width: 100%;
    padding: 5px 0 15px;
    margin: 0;
}
.clsNewQuestionelementBody
{
    background: #FFFFFF url(img/element_wide_middle_bg.gif) repeat-y scroll left top;
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

.clsToggleDisabedButton
{
    display: inline;
    color: gray;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    background: transparent url(img/icon_white_ball_disabled.gif) no-repeat scroll left top;
    padding: 0 0 2px 15px;
    cursor: auto;
}



/* --------------------- BC -------------------- */
.roundedcornr_Orrnage
{
    background: url(img/roundedcornr.gif) no-repeat top left;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    cursor: pointer;
}
.roundedcornr_None
{
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    cursor: pointer;
}

.roundedcornr_Theme_Orrnage
{
    background: url(img/roundedcorner_themes.gif) no-repeat top left;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    width: 120px;
    height: 90px;
}
.roundedcornr_Theme_None
{
    background: url(img/roundedcorner_themes_white.gif) no-repeat top left;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    width: 120px;
    height: 90px;
}
.clsToggleOptionHideLink
{
    display: inline;
    color: #41A1BF;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    background: transparent url(img/icon_arrow_up.gif) no-repeat scroll left top;
    padding: 0 0 2px 15px;
}
.clsToggleOptionShowLink
{
    display: inline;
    color: #41A1BF;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    padding: 0 0 2px 14px;
}
.clsDefaultShowLink
{
    color: #CCCCCC !important;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    background: transparent url(img/icon_white_ball_disabled.gif) no-repeat scroll left top;
    padding: 0 0 2px 15px;
    cursor: default;
}
.clsQuestionSettingsExtendedSelectionPanel
{
    float: none;
    background: transparent url(img/element_option_selected_gray_bg_260.gif) no-repeat scroll left bottom;
    margin-top: 5px;
    padding: 0 0 10px;
    margin: 0 0 0 10px;
    width: 614px;
    height: 290px;
}
.clsQuestionSettingsCollapsedSelectionPanel
{
    background: transparent;
    padding: 0 0 0 0;
    height: 25px;
    overflow: hidden;
}
.clsQuestionSettingsCollapsedPanel
{
    background: transparent;
    padding: 0 0 0 0;
    height: 25px;
    overflow: hidden;
}
.clsQuestionSettingsCollapsedPanelRule
{
    background: transparent;
    padding: 0 0 10px;
    margin: 0 0 0 20px;
    margin-top: 5px;
    height: 35px;
    overflow: hidden;
}
.clsQuestionSettingsCollapsedPanelNotification
{
    background: transparent;
    padding: 0 0 10px;
    margin: 0 0 0 20px;
    margin-top: 5px;
    height: 63px;
}
.roundedcornr_box_gray
{
    background: url(img/roundedcornr_gray_tl.png) no-repeat top left;
}
.roundedcornr_box_gray_bg
{
    background: url(img/roundedcornr_gray_tl_bg.png) no-repeat top left;
}
.roundedcornr_top_gray
{
    background: url(img/roundedcornr_gray_tr.png) no-repeat top right;
}
.roundedcornr_top_gray_750
{
    background: url(img/roundedcornr_gray_tr.png) no-repeat top right;
}
.roundedcornr_bottom_gray
{
    background: url(img/roundedcornr_gray_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_gray div
{
    background: url(img/roundedcornr_gray_br.png) no-repeat bottom right;
}
.roundedcornr_content_gray
{
    background: url(img/roundedcornr_gray_r.png) top right repeat-y;
}

.roundedcornr_top_gray div, .roundedcornr_top_gray, .roundedcornr_bottom_gray div, .roundedcornr_bottom_gray
{
    width: 100%;
    height: 10px;
    font-size: 1px;
}

.roundedcornr_content_gray, .roundedcornr_bottom_gray
{
}
.roundedcornr_content_gray
{
    margin-top: 5px;
    padding: 0 0 10px;
    margin: 0 0 0 20px;
}
/*abhishek*/
.clsQuestionTitleBackground
{
    height: 18px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #385d8a;
    background-color: #ed7f40;
}
/*abhishek*/

/*--------debasmita -------------*/

.clsTabPanelBodylong
{
    background: transparent url(img/element_tab_body_bg_new.gif) no-repeat;
    margin-left: 0;
    margin-top: 0;
    padding: 10px;
    clear: none;
    float: none;
    width: 1206px;
    height: 198px;
}

.clstoolElementtop
{
    background: transparent url(img/tool_element_top_bottom_right.gif) no-repeat scroll right top;
    float: left;
    margin: 8px 0 8px 0px;
    padding: 0 10px 0 0;
    width: auto;
}
.clstoolElementtopInner
{
    background: transparent url(img/tool_element_top_bottom_left.gif) no-repeat scroll left top;
    float: left;
    height: 165px;
    min-width: 50px;
    padding: 0 0 0 7px;
    position: relative;
    width: auto;
}

.clstoolElementtopInner a
{
    text-decoration: none;
}
.clstoolElementtopInner a:hover
{
    text-decoration: none;
}
.clstoolElementbottom
{
    background: transparent url(img/tool_element_bottom_right.gif) no-repeat scroll right center;
    text-align: center;
    width: auto;
    margin: 8px 0 8px 10px;
    padding: 0 10px 0 0;
}
.clstoolElementbottomInner
{
    background: transparent url(img/tool_element_bottom_left.gif) no-repeat scroll left center;
    height: 17px;
    width: auto;
    color: #999999;
}
.clstoolElementgap
{
    width: 10px;
}
input.radioStyle
{
    margin-bottom: 8px;
}
select.option
{
    width: 70px;
    margin-bottom: 4px;
}

.surveypanel
{
    padding-top: 10px;
}
.surveybg
{
    background: transparent url(img/surveybg_right.gif) no-repeat top right;
}
.surveybg h3
{
    background: transparent url(img/surveybg_left.gif) no-repeat top left;
    font-size: 100%;
    padding: 5px 10px;
}
.surveylist
{
    width: 300px;
    height: 400px;
    padding: 10px 0;
    border: 1px solid #bbbbbb;
    overflow-x: hidden;
}
.surveylist h4
{
    font-size: 100%;
    background: url(img/content_list_item_closed.gif) no-repeat top left;
    padding: 0 15px 15px 15px;
    margin-left: 10px;
}
.drag p
{
    padding: 10px 30px;
}
.drag
{
    background: url(img/surveylist_bg_tile.gif) repeat-x;
}
ul.drop li.drag ul li
{
    margin: 10px 35px;
    border: 1px solid;
}
.listheading-open
{
    background: transparent url(img/content_list_item_opened.gif) no-repeat left;
    display: block;
    height: 17px;
    padding: 5px 20px;
    margin: 0 30px;
    font-style: italic;
}
.listheading-closed
{
    background: transparent url(img/content_list_item_closed.gif) no-repeat left;
    display: block;
    height: 17px;
    padding: 5px 20px;
    margin: 0 30px;
    font-style: italic;
}



.roundedcornr_box_grey_top_new
{
    background: url(img/grey_bg_top_curve.gif) left top no-repeat;
    width: 800px;
    height: 9px;
    padding: 0;
    margin: 5px 0 0 0;
}


.roundedcornr_box_grey_content_new
{
    background: url(img/grey_bg_tile.gif) left repeat-y;
    padding: 0 20px;
    width: 800px;
}


.roundedcornr_box_grey_bottom_new
{
    background: url(img/grey_bg_bottom_curve.gif) left bottom;
    height: 9px;
    padding: 0;
    margin: 0;
    width: 800px;
}

.statistical_column table tr td
{
    width: 25%;
    padding: 5px 50px 5px 5px;
    font-size: 12px;
    font-weight: bold;
}
.statistical_column_FollowUp table tr td
{
    width: 15%;
    padding: 5px 40px 5px 5px;
    font-size: 12px;
}

/*-----END Debasmita-------------------------*/
.imgCursor
{
    cursor: pointer;
}

.clsElementEditor
{
    border: 1px solid #CCCCCC;
    padding: 20px;
    margin: 10px;
    float: left;
}
.clsQuestionClear
{
    /* width: 700px !important;*/
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    display: block;
    float: left;
    height: 1px;
    background-color: #DDDDDD;
    border: 0 none;
    color: #DDDDDD;
    padding: 0;
}

.clsQuestionTree .Expand
{
    vertical-align: top;
    display: inline-block;
    width: 16px;
    min-height: 16px;
    cursor: pointer;
    margin: 2px 4px 0px 2px;
    background-image: url('img/content_list_item_opened.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

.clsQuestionTree .Collapse
{
    vertical-align: top;
    display: inline-block;
    width: 16px;
    min-height: 16px;
    cursor: pointer;
    margin: 2px 4px 0px 2px;
    background-image: url('img/content_list_item_closed.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

.clsQuestionTree
{
    clear: both;
    vertical-align: top;
    padding: 2px;
}


.clsQuestionTree .ul
{
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    padding: 0px 0px 0px 5px;
    margin: 0px;
}

/* root node: */

.clsQuestionTree .span
{
    background-image: none;
    display: inline-block;
    border: 1px solid transparent;
    margin: 0px 0px 0px 2px;
    padding: 0px 0px 0px 2px;
    vertical-align: middle;
    width: 82%;
}

.clsQuestionTree .span:hover
{
    border: 1px solid #BCBCBC;
    background-color: #EEEEEE;
}

/* even node: */
.clsQuestionTree .Even
{
    background-color: #CCCCCC;
}

.clsQuestionTree .Mandatory
{
    background-image: url(img/Star.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0px 0px 0px 2px;
    min-height: 11px;
    width: 11px;
}
.clsQuestionTree .PartiallyMandatory
{
    background-image: url(img/EmptyStar.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0px 0px 0px 2px;
    min-height: 11px;
    width: 11px;
}
.clsQuestionTree .Jump
{
    background-image: url(img/jump.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0px 0px 0px 2px;
    min-height: 11px;
    width: 11px;
}
.clsQuestionTree .Empty
{
    background-image: url(img/Empty.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0px 0px 0px 2px; /*min-height: 11px;*/
    width: 11px;
}

/* selected node: */
.clsQuestionTree .Sel
{
    border: 1px solid Highlight;
    background-color: Highlight;
    color: HighlightText;
}

.clsQuestionTree .Sel:hover
{
    background-color: Highlight;
    color: HighlightText;
    border: 1px solid #999999;
}


.fourFoldOptionSelected
{
    background: transparent url(img/icon_ok_green.png) center left no-repeat;
    padding-left: 15px;
}
.fourFoldOptionSelectedWithBackground
{
    background-color: Gray !important;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}


.clsQuestionTree .div
{
    padding: 0px 0px 0px 4px;
    display: inline-block;
    width: 100%;
}

.odcContextMenu
{
    padding: 2px;
    border: 1px solid #A0A0A0;
    background-color: #F4F4F4;
}


.clsQuestionTree .edit
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    border: 1px solid #C0C0C0;
}

.clsQuestionTree .cnt
{
    vertical-align: middle;
}
.clsQuestionTree .RootBold
{
    font-size: 10pt;
    font-weight: bold;
}
.clsQuestionTree .questionBoldItalic
{
    font-weight: bold;
    font-style: italic;
}
.clsQuestionTree .questionBold
{
    font-weight: bold;
}
.GeoTreeView .cnt
{
    padding-right: 1px;
}

.clsPreviewLinkBG
{
    background: #323232 url(img/public_survey_hover.gif) repeat-x scroll right top;
    width: 170px;
    top: 145px;
    position: absolute;
    text-align: center;
}
.clsPreviewLinkInactiveBG
{
    background: #323232 url(img/editor_preview_link_bg.gif) repeat-x scroll right top;
    width: 160px;
    top: 145px;
    position: absolute;
    text-align: center;
}
.clsPreviewLinkactiveBGQuestion
{
    background: #ED7F40 url(img/public_survey_link.gif) repeat-x scroll right top;
    width: 171px;
    height: 26px;
    top: 125px;
    position: absolute;
    text-align: center;
    margin-top: -2px;
}
.clsPreviewLinkInactiveBGQuestion
{
    background: #ED7F40 url(img/public_surveybg_grey.gif) repeat-x scroll right top;
    width: 171px;
    height: 26px;
    top: 125px;
    position: absolute;
    text-align: center;
    margin-top: -2px;
}
.clsBoldLinkButton
{
    color: #FFFFFF;
    float: none;
    padding: 0;
    width: auto;
    font-size: 11pt;
    font-weight: bold;
    line-height: 24px;
    text-decoration: none;
}

.clsPreviewBG
{
    width: 984px;
    z-index: 4000;
    background: #FFFFFF;
    position: absolute;
    float: none;
}
/*******************************DG************************/
.clsLinkCopy
{
    display: inline;
    color: #41A1BF;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding: 0 0 2px 15px;
    cursor: pointer;
}
/*******************************End DG************************/
/*******************************Start Prakash************************/
.pagerStyle span
{
    color: #3c94af;
    font-weight: bold;
}
.pagerStyle td
{
    padding-left: 4px;
    padding-right: 4px;
}
/*******************************End Prakash************************/


/******************************* Color Picker *********************/
#dhtmlgoodies_colorPicker
{
    position: absolute;
    width: 250px;
    padding-bottom: 1px;
    background-color: #FFF;
    border: 1px solid #317082;
    width: 252px; /* IE 5.x */
    width: /* */ /**/ 250px; /* Other browsers */
    width: /**/ 250px;
}

#dhtmlgoodies_colorPicker .colorPicker_topRow
{
    padding-bottom: 1px;
    border-bottom: 3px double #317082;
    background-color: #E2EBED;
    padding-left: 2px;
    width: 250px; /* IE 5.x */
    width: /* */ /**/ 248px; /* Other browsers */
    width: /**/ 248px;
    height: 20px; /* IE 5.x */
    height: /* */ /**/ 16px; /* Other browsers */
    height: /**/ 16px;
}

#dhtmlgoodies_colorPicker .colorPicker_statusBar
{
    height: 13px;
    padding-bottom: 2px;
    width: 248px;
    border-top: 3px double #317082;
    background-color: #E2EBED;
    padding-left: 2px;
    clear: both;
    width: 250px; /* IE 5.x */
    width: /* */ /**/ 248px; /* Other browsers */
    width: /**/ 248px;
    height: 18px; /* IE 5.x */
    height: /* */ /**/ 13px; /* Other browsers */
    height: /**/ 13px;
}

#dhtmlgoodies_colorPicker .colorSquare
{
    margin-left: 1px;
    margin-bottom: 1px;
    float: left;
    border: 1px solid #000;
    cursor: pointer;
    width: 12px; /* IE 5.x */
    width: /* */ /**/ 10px; /* Other browsers */
    width: /**/ 10px;
    height: 12px; /* IE 5.x */
    height: /* */ /**/ 10px; /* Other browsers */
    height: /**/ 10px;
}

.colorPickerTab_inactive, .colorPickerTab_active
{
    height: 17px;
    padding-left: 4px;
    cursor: pointer;
}
.colorPickerTab_inactive span
{
    background-image: url('img/tab_left_inactive.gif');
}

.colorPickerTab_active span
{
    background-image: url('img/tab_left_active.gif');
}
.colorPickerTab_inactive span, .colorPickerTab_active span
{
    line-height: 16px;
    font-weight: bold;
    font-family: arial;
    font-size: 11px;
    padding-top: 1px;
    vertical-align: middle;
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    padding-left: 6px;
    -moz-user-select: no;
}
.colorPickerTab_inactive img, .colorPickerTab_active img
{
    float: left;
}
.colorPickerCloseButton
{
    width: 11px;
    height: 11px;
    text-align: center;
    line-height: 10px;
    border: 1px solid #317082;
    position: absolute;
    right: 1px;
    font-size: 12px;
    font-weight: bold;
    top: 1px;
    padding: 1px;
    cursor: pointer;
    width: 15px; /* IE 5.x */
    width: /* */ /**/ 11px; /* Other browsers */
    width: /**/ 11px;
    height: 15px; /* IE 5.x */
    height: /* */ /**/ 11px; /* Other browsers */
    height: /**/ 11px;
}
#colorPicker_statusBarTxt
{
    font-size: 11px;
    font-family: arial;
    vertical-align: top;
    line-height: 13px;
}
form
{
    padding-left: 5px;
}

.form_widget_amount_slider
{
    border-top: 1px solid #9d9c99;
    border-left: 1px solid #9d9c99;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #f0ede0;
    position: absolute;
    bottom: 0px;
    width: 5px; /* IE 5.x */
    width: /* */ /**/ 3px; /* Other browsers */
    width: /**/ 3px;
    height: 5px; /* IE 5.x */
    height: /* */ /**/ 3px; /* Other browsers */
    height: /**/ 3px;
}
.colorSliderLabel
{
    width: 15px;
    height: 20px;
    float: left;
    font-size: 11px;
    font-weight: bold;
}
.colorSlider
{
    width: 175px;
    height: 20px;
    float: left;
}
.colorInput
{
    width: 45px;
    height: 20px;
    float: left;
}
.colorPreviewDiv
{
    width: 186px;
    margin-right: 2px;
    margin-top: 1px;
    border: 1px solid #CCC;
    height: 20px;
    float: left;
    cursor: pointer;
    width: 188px; /* IE 5.x */
    width: /* */ /**/ 186px; /* Other browsers */
    width: /**/ 186px;
    height: 22px; /* IE 5.x */
    height: /* */ /**/ 20px; /* Other browsers */
    height: /**/ 20px;
}
.colorCodeDiv
{
    width: 50px;
    height: 20px;
    float: left;
}
/************************* End Color Picker *****************/

.clsFolderInTreeInherit
{
    background-image: url('img/icon_folder_inherit.png');
    background-repeat: no-repeat;
    padding-left: 15px;
    color: #41A1BF;
    word-wrap: break-word;
    white-space: pre-line;
}


.clsFolderInTree
{
    background-image: url('img/icon_folder.gif');
    background-repeat: no-repeat;
    padding-left: 15px;
    color: #41A1BF;
    word-wrap: break-word;
    white-space: pre-line;
}

.clsUserInformation span {
    word-wrap: break-word;
    white-space: pre-line;
}

.clsSurveyInTree
{
    color: #41A1BF;
    word-wrap: break-word;
    white-space: pre-line;
}

.clsConnectBridge
{
    background-image: url('img/connect.bridge.gif');
    background-repeat: no-repeat;
    vertical-align: top;
    text-align: center;
    width: 10px;
    height: 24px;
}
.clsConnectEnd
{
    background-image: url('img/connect.end.gif');
    background-repeat: no-repeat;
    vertical-align: top;
    text-align: center;
    width: 10px;
    height: 24px;
}
.clsConnectMore
{
    background-image: url('img/connect.more.gif');
    background-repeat: no-repeat;
    vertical-align: top;
    text-align: center;
    width: 10px;
    height: 24px;
}
.clsNewsSettingstable
{
    border: 1px solid #808080;
    margin-bottom: 10px;
    margin-top: 0px;
    clear: both;
    margin-left: 20px;
    border-collapse: collapse;
    float: none;
    width: 250px;
    height: 200px;
    vertical-align: top;
}
.clsNewsSettingstable td
{
    font-weight: normal;
    padding: 5px 2px 1px 2px;
    vertical-align: top;
    padding-left: 5px;
}

.clsHeader
{
    color: #41A1BF;
    font-size: 16px;
    font-weight: bold;
}
.clsImageBorderUnSelected
{
    border: 2px solid #00FF00;
    cursor: pointer;
}
.clsImageBorderSelected
{
    border: 2px solid #FF0000;
    cursor: pointer;
}
.clsImageBorderSel
{
    border: 2px solid transparent;
    cursor: pointer;
}
.clsSpanDisable
{
    color: #C0C0C0 !important;
}
.clsSpanDisable font
{
    color: #C0C0C0 !important;
}
.clsSpanDisable div
{
    color: #C0C0C0 !important;
}
.clsModalPopupForFreeTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    background-color: #CCCCCC;
    position: absolute; /* set z-index higher than possible */
    z-index: 10000;
    display: none;
    color: Black;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
    width: 490px;
}

.clsNoLink
{
    cursor: default;
}

/** NAVI for MyWebropol **/

.clsNaviMyWebropol
{
    background-position: #ebeaca;
    background: #ebeaca;
    margin: -10px 0px 20px 0px;
    padding: 0;
    position: relative;
}

.clsNaviMyWebropolContent
{
    /**width: 355px;    border-right: 1px solid #D7D6AB;**/
    float: none;
    margin: 0;
    padding: 10px 0px 10px 10px;
    font-size: 12px;
    font-weight: normal;
}

.clsNaviMyWebropolContent h3
{
    color: #37371F;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
}

.clsNaviMyWebropolLink
{
    color: #37371f;
    font-size: 12px;
    font-weight: normal;
    background: url(img/icon_white_ball_arrow_right.gif) no-repeat 0 0;
    padding: 0 10px 3px 18px;
    display: block;
}
.clsLinkNaviEnable
{
    color: #37371F;
    font-size: 12px;
    font-weight: normal;
    background: url(img/icon_orange_ball_arrow_right_mywebro.gif) no-repeat 0 1px;
    padding: 0 10px 3px 18px;
}
.clsLinkNaviDisable
{
    color: #999999 !important;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    text-align: left;
    cursor: auto;
    padding: 0 10px 3px 18px;
    background: url(img/icon_white_ball_arrow_right.gif) no-repeat 0 0;
    text-decoration: none !important;
}
.clsNaviMyWebropolActiveLink
{
    color: #ED7F40;
    font-size: 12px;
    font-weight: normal;
    background: url(img/icon_orange_ball_arrow_right_mywebro.gif) no-repeat 0 1px;
    padding: 0 10px 3px 18px;
}

.clsErrorText
{
    color: #FF0000;
    font-size: 14px;
    font-weight: bold; /* background: url(img/icon_orange_ball_arrow_right_mywebro.gif) no-repeat 0 1px;*/ /* padding: 0 10px 3px 18px;*/
}

.corner
{
    background-image: url(img/bit_rounded_corners.png);
    background-repeat: no-repeat;
    height: 5px;
    width: 5px;
    position: absolute;
}
.cornerTL
{
    background-position: top left;
    top: 0px;
    left: 0px;
}
.cornerTR
{
    background-position: top right;
    top: 0px;
    right: 0px;
}
.cornerBL
{
    background-position: bottom left;
    bottom: 0px;
    left: 0px;
}
.cornerBR
{
    background-position: bottom right;
    bottom: 0px;
    right: 0px;
}
.clsItmStyle
{
    word-wrap: break-word;
}
.clsTabPanelBodylongright
{
    background: transparent url(img/element_tab_body_bg_right.png) no-repeat right top;
    background-repeat: no-repeat;
    margin: 0px;
    height: 209px;
    border-style: none;
    cursor: pointer;
    color: #000000;
    text-align: center;
    font-size: 12px;
    font-family: Arial,Sans-Serif;
}
.clsTabPanelBodylongleft
{
    border: none 0;
    background: transparent url(img/element_tab_body_bg_left.png) no-repeat left top;
    margin: 0px;
    padding-left: 5px;
    height: 209px;
    font-size: 12px;
    float: left;
}
.btnCustomEditor
{
    font-family: Arial,sans-serif;
    font-size: 11px;
}
.clsColoredLabelDsiabled
{
    color: #999999;
    font-size: 16px;
    clear: both;
    font-weight: bold;
}

.wordwrap
{
    word-wrap: break-word;
}
.nowrapcss
{
    white-space: nowrap;
}

.clsMyWebropolTab {
    padding-top: 10px;
    margin: 0% 3% 0% 3%
}

/******** Tab menu styles: start ***********/

/****---------------------New Menu CSS-------------------------------------*****/
.menuTabStartActiveBeforeNew
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_hover_left.gif) no-repeat left top;
    height: 29px;
}

.fdm_menuTabStartActiveBeforeNew
{
    background: url(imagefdm/fdmtaborange_left.gif) no-repeat left top;
    height: 29px;
}




.menuTabStartActiveBeforeNew_LightGray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_lightgrey_left.gif) no-repeat left top;
    height: 29px;
}
.menuTabStartInActiveBeforeNew
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_left.gif) no-repeat left top;
    height: 29px;
}

.fdm_menuTabStartInActiveBeforeNew
{
    background: url(imagefdm/fdmtabgrey_left.gif) no-repeat left top;
    height: 29px;
}
.menuTabStartInActiveBeforeNew_Gray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_grey_left.gif) no-repeat left top;
    height: 29px;
}

.fdm_menuTabStartInActiveBeforeNew_Gray
{
    background: url(imagefdm/fdmtablightgrey_left.gif) no-repeat left top;
    height: 29px;
}

.menuTabStartInActiveBeforeNew_LightGray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_lightgrey_left.gif) no-repeat left top;
    height: 29px;
}
.menuTabStartActiveNew
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_hover_center.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
}

.fdm_menuTabStartActiveNew
{
    background: url(imagefdm/fdmtaborange_centertile.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
    
}

.fdm_menuTabStartActiveNew .clsNumBullet, .fdm_menuTabStartInActiveNew .clsNumBullet, .fdm_menuTabStartInActiveNew .clsNumBullet
{
    margin:-1px 0 0px 0;
}

.fdm_menuTabStartActiveNew a
{
    color:#31859C;
}

.menuTabStartActiveNew_LightGray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_lightgrey_center.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
}
.menuTabStartInActiveNew
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_center.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    /*padding-right: 13px;*/
}

.fdm_menuTabStartInActiveNew
{
    background: url(imagefdm/fdmtabgrey_centertile.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
}

.fdm_menuTabStartInActiveNew a
{
    color:#7f7f7f;
}
.menuTabStartInActiveNew_Gray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_grey_center.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
}

.fdm_menuTabStartInActiveNew_Gray
{
    background: url(imagefdm/fdmtabglightrey_centertile.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
}

.fdm_menuTabStartInActiveNew_Gray a
{
    color:#7f7f7f;
}

.menuTabStartInActiveNew_LightGray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_lightgrey_center.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    /*padding-right: 13px;*/
}
.menuTabActiveAfterNew
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_hover_right.gif) no-repeat right top;
    height: 29px;
    width: 13px;
    margin-right: 2px;
}

.fdm_menuTabActiveAfterNew
{
    background: url(imagefdm/fdmtaborange_right.gif) no-repeat right top;
    height: 29px;
    width: 13px;
    margin-right: 2px;
}

.menuTabActiveAfterNew_LightGray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_lightgrey_right.gif) no-repeat right top;
    height: 29px;
    width: 13px;
    margin-right: 2px;
}
.menuTabInActiveAfterNew
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_right.gif) no-repeat top right;
    width: 13px;
    height: 29px;
    margin-right: 2px;
}

.fdm_menuTabInActiveAfterNew
{
    background: url(imagefdm/fdmtabgrey_right.gif) no-repeat top right;
    width: 13px;
    height: 29px;
    margin-right: 2px;
}
.menuTabInActiveAfterNew_Gray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_grey_right.gif) no-repeat top right;
    width: 13px;
    height: 29px;
    margin-right: 2px;
}

.fdm_menuTabInActiveAfterNew_Gray
{
    background: url(imagefdm/fdmtablightgrey_right.gif) no-repeat top right;
    width: 13px;
    height: 29px;
    margin-right: 2px;
}

.menuTabInActiveAfterNew_LightGray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_lightgrey_right.gif) no-repeat top right;
    width: 13px;
    height: 29px;
    margin-right: 2px;
}
.menuTabInActiveAfterLastNew
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_right.gif) no-repeat top right;
    width: 13px;
    height: 29px;
}
.fdm_menuTabInActiveAfterLastNew
{
    background: url(imagefdm/fdmtabgrey_right.gif) no-repeat top right;
    width: 13px;
    height: 29px;
}
.menuTabInActiveAfterLastNew_Gray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_grey_right.gif) no-repeat top right;
    width: 13px;
    height: 29px;
}
.menuTabInActiveAfterLastNew_LightGray
{
    background: url(img/menutabs/maintabNew/new_questionsettings_main_tab_lightgrey_right.gif) no-repeat top right;
    width: 13px;
    height: 29px;
}

/*------Sub Menu -----*/
.subMenuTabStartActiveBeforeNew
{
    background: url(img/menutabs/submenutabNew/new_questionsettings_submenu_tab_hover_left.gif) no-repeat left top;
    height: 22px;
    width: 13px;
}
.subMenuTabStartActiveNew
{
    background: url(img/menutabs/submenutabNew/new_questionsettings_submenu_tab_hover_center.gif) repeat-x;
    height: 22px;
}
.subMenuTabStartEndNew
{
    height: 22px;
    width: 0;
}
.subMenuTabLastActiveAfterNew
{
    background: url(img/menutabs/submenutabNew/new_questionsettings_submenu_tab_hover_right.gif) no-repeat top right;
    height: 22px;
    width: 13px;
}
/*---------------------------- End New Menu----------------------------------- *****/
.menuTabText, .menuTabText:link, .menuTabText:visited, .menuTabText:hover, .menuTabText:active
{
    color: White;
    cursor: pointer;
    text-align: center;
    height: 29px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none !important;
}

.menuTabText_LightGray, .menuTabText_LightGray:link,.menuTabText_LightGray:visited,.menuTabText_LightGray:hover,.menuTabText_LightGray:active
{
    color: #4B4B4B;
    cursor: pointer;
    text-align: center;
    height: 29px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none !important;
}
.menuTabInactiveText, .menuTabInactiveText:link,.menuTabInactiveText:visited,.menuTabInactiveText:hover,.menuTabInactiveText:active
{
    color: #CDCCCD;
    cursor: pointer;
    text-align: center;
    height: 29px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none !important;
}

.menuTabDisabledText
{
    color: Gray;
    cursor: text;
    text-align: center;
    height: 29px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none !important;
}
.menuTabStartActiveBefore
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_hover_left.gif) no-repeat left top;
    height: 29px;
}
.menuTabStartInActiveBefore
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_left.gif) no-repeat left top;
    height: 29px;
}
.menuTabStartActive
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_hover_center.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
}
.menuTabStartInActive
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_center.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
}
.menuTabActiveBefore
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_hover_center.gif) repeat-x;
    height: 29px;
}
.menuTabInActiveBefore
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_center.gif) repeat-x;
    height: 29px;
}
.menuTabActive
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_hover_center.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
}
.menuTabInActive
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_center.gif) repeat-x;
    height: 29px;
    margin-left: 13px;
    padding-right: 13px;
}
.menuTabActiveAfter
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_hover_divider.gif) no-repeat;
    height: 29px;
    width: 2px;
}
.menuTabInActiveAfter
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_divider.gif) no-repeat;
    height: 29px;
    width: 2px;
}
.menuTabLastActiveAfter
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_hover_right.gif) repeat-x;
    height: 29px;
    margin-left: -13px;
}
.menuTabLastInActiveAfter
{
    background: url(img/menutabs/maintab/new_questionsettings_main_tab_right.gif) repeat-x;
    height: 29px;
    margin-left: -13px;
}

/******** Tab menu styles: end **********/

/******** Tab sub-menu styles: start ***********/
.subMenuActiveTabTextNew
{
    color: White;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    height: 22px;
    font-size: 12px;
    text-decoration: none !important;
    padding-right: 25px;
}
.subMenuTabTextNew
{
    color: #C0DEE7;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    height: 22px;
    font-size: 12px;
    text-decoration: none !important;
    padding-right: 25px;
}
.subMenuTabDisabledTextNew
{
    color: Gray;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    height: 22px;
    font-size: 12px;
    text-decoration: none !important;
    padding-right: 25px;
}
.subMenuTabText
{
    color: White;
    cursor: pointer;
    text-align: center;
    height: 26px;
    font-size: 14px;
    text-decoration: none !important;
}
.subMenuTabDisabledText
{
    color: Gray;
    cursor: text;
    text-align: center;
    height: 26px;
    font-size: 14px;
    text-decoration: none !important;
}
.subMenuTabStartActiveBefore
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_hover_left.gif) no-repeat left top;
    height: 26px;
}
.subMenuTabStartInActiveBefore
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_left.gif) no-repeat left top;
    height: 26px;
}
.subMenuTabStartActive
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_hover_center.gif) repeat-x;
    height: 26px;
    margin-left: 13px;
    padding-right: 13px;
}
.subMenuTabStartInActive
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_center.gif) repeat-x;
    height: 26px;
    margin-left: 13px;
    padding-right: 13px;
}
.subMenuTabActiveBefore
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_hover_center.gif) repeat-x;
    height: 26px;
}
.subMenuTabInActiveBefore
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_center.gif) repeat-x;
    height: 26px;
}
.subMenuTabActive
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_hover_center.gif) repeat-x;
    height: 26px;
    margin-left: 13px;
    padding-right: 13px;
}
.subMenuTabInActive
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_center.gif) repeat-x;
    height: 26px;
    margin-left: 13px;
    padding-right: 13px;
}
.subMenuTabActiveAfter
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_hover_divider.gif) no-repeat;
    height: 26px;
    width: 2px;
}
.subMenuTabInActiveAfter
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_divider.gif) no-repeat;
    height: 26px;
    width: 2px;
}
.subMenuTabLastActiveAfter
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_hover_right.gif) repeat-x;
    height: 26px;
    margin-left: -13px;
}
.subMenuTabLastInActiveAfter
{
    background: url(img/menutabs/submenutab/new_questionsettings_submenu_tab_right.gif) repeat-x;
    height: 26px;
    margin-left: -13px;
}
/******** Tab sub-menu styles: end **********/
.clsQuestionSelectionPanel
{
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(img/btn_sq_question_orange_new.gif);
    height: 48px;
    width: 93px;
}
span input[type="radio"]
{
    vertical-align: text-bottom;
    position: relative;
    
}
.homefame
{
    width: 692px;
    height: 375px;
    margin: -8px -8px -8px -8px;
}


/*-- Survey-Panel -- */
.clsSurveyBck
{
    background: url(img/bg-menubtn.gif) repeat-x left top;
    height: 31px;
}
.create-new-survey-panel
{
    /*border-bottom:1px solid #808080;*/
    height: 28px;
}


.create-new-survey-tab
{
    background: url(img/create_survey.gif) no-repeat left top;
    height: 28px;
    text-align: center;
    width: 210px;
    float: left;
}

.create-new-survey-tab-Deactive
{
    background: url(img/create_survey_grey.gif) no-repeat left top;
    height: 28px;
    text-align: center;
    width: 210px;
    float: left;
}

.create-new-survey-tab a
{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
    display: block;
    line-height: 28px;
}

.create-new-survey-tab-Deactive a
{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
    display: block;
    line-height: 28px;
}

.search-panel
{
    background: url(img/searchbg.gif) no-repeat left top;
    float: right;
    height: 28px;
    padding-left: 5px;
    width: auto;
}

.search-panel-right
{
    background: url(img/searchbg.gif) no-repeat right top;
    height: 28px;
    padding: 3px 5px 0 0;
}

.seach-text
{
    background: url(img/searchbtn-tile.gif) repeat-x left top;
    padding: 0;
    margin: 0;
    line-height: 22px;
    color: #ffffff;
}

.search-panel p
{
    padding: 0;
    margin: 0;
}

.search-panel p input
{
    width: 150px;
    height: 24px;
    font: normal 11px/12px Arial, Helvetica, sans-serif;
    color: #666;
    background: url(img/search-text-tile.gif) repeat-x left top;
    border: none;
}



.search-panel p input.searchBtn
{
    width: 28px;
    height: 24px;
    padding: 0;
}

/*-----Debasmita Recipient Portal-----*/




.ajax__tab_header1
{
    font-family: Arial,tahoma,helvetica !important;
    font-size: 13px !important;
    color: #ffffff !important;
    height: 26px !important;
    white-space: nowrap;
    padding: 0 0 1px 4px;
    border: none;
}



a.menu-tab
{
    color: #ffffff;
    text-decoration: none;
}
a.menu-tab:hover
{
    text-decoration: none;
}

.clsSurveyNotifyelementBody-content
{
    padding: 0 10px;
}

.clsSurveyNotifyelementBody-content .heading
{
    font-weight: bold;
    padding: 0 0 10px 5px;
    color: #ED7F40;
    font-size: 16px;
}
.roundedcornr_box_gray_mailing_list
{
    background: url(img/roundedcornr_gray_tl.png) no-repeat top left;
}
.roundedcornr_top_gray_mailing_list
{
    background: url(img/roundedcornr_gray_tr.png) no-repeat top right;
}
.roundedcornr_bottom_gray_mailing_list
{
    background: url(img/roundedcornr_gray_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_gray_mailing_list div
{
    background: url(img/roundedcornr_gray_br.png) no-repeat bottom right;
}
.roundedcornr_content_gray_mailing_list
{
    background: url(img/roundedcornr_gray_r.png) top right repeat-y;
}

.roundedcornr_top_gray_mailing_list div, .roundedcornr_top_gray_mailing_list, .roundedcornr_bottom_gray_mailing_list div, .roundedcornr_bottom_gray_mailing_list
{
    width: 100%;
    height: 10px;
    font-size: 1px;
}

.roundedcornr_content_gray_mailing_list
{
    padding: 0 1px 10px 0;
    margin: 0 0 0 2px;
}



.clsGridHeader1
{
    background: #efefef url(img/table_header.jpg) repeat-x bottom;
    height: 26px;
    padding: 0 5px 0 5px;
    text-align: left;
    border-right: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}




.clsGridHeader1 th
{
    padding: 0 5px 2px 5px;
    color: #333333;
}




.clsGridContent .zero-receivers
{
    color: #ff0000;
}


a.mailinglist-edit
{
    display: block;
    color: Black;
    text-decoration: none;
}
a.mailinglist-edit:hover
{
    display: block;
    color: #ED7F40;
    text-decoration: none;
}

a.mailinglist-edit-active
{
    display: block;
    color: #ED7F40;
    text-decoration: none;
}

.button-padding
{
    padding-right: 10px;
}
.tablehead
{
    width: 961px;
}
.tablehead tr th
{
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 8px;
}



.tablehead tr td
{
    padding-right: 25px;
}
.restablehead
{
    width: 961px;
}
.restablehead tr th
{
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 8px;
}
.gridTable
{
    border: 1px none rgb(221, 221, 221);
    color: Black;
    background-color: White;
    width: 100%;
    border-collapse: collapse;
}

.bold
{
    font-weight: bold;
}

.bold-underline
{
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
}

.italics
{
    font-style: italic;
}


.allrecipients
{
    background: #ffffff;
    padding: 10px;
    border: double #d9d9d9;
}

.advance-mode
{
    font-weight: bold;
    color: #41A1BF;
}



.recipient-list th
{
    background: #ffffff;
    height: 26px;
    padding: 0 5px 0 5px;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding: 5px;
}


a.collapse, a.expand
{
    display: inline;
    color: #333333;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    padding: 0 0 2px 15px;
}
a.showBG, a.hideBG
{
    display: inline;
    color: #333333;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    padding: 0 0 2px 15px;
}
a.showFilteringOption, a.hideFilteringOption
{
    display: inline;
    color: #333333;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    padding: 0 0 2px 15px;
}
a.showFU, a.hideFU
{
    display: inline;
    color: #333333;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    padding: 0 0 2px 15px;
}
.pagination
{
    float: right;
    margin: 10px;
}

.pagination a
{
    border: 1px solid #ffffff;
    color: #FFFFFF;
    padding: 2px 3px;
    text-decoration: none;
    background: #282828;
}


.pagination a:hover, .pagination a.active
{
    border: 1px solid #ffffff;
    color: #FFFFFF;
    padding: 2px 3px;
    text-decoration: none;
    background: #ED7F40;
}

.clsHeadersmallLabelBold
{
    color: #888888;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-variant: normal;
    font-weight: bold;
    text-align: left;
}

.btn-padding-left
{
    padding-left: 10px;
}


.roundedcornr_box_gray_new
{
    background: url(img/roundedcornr_gray_tl_new.png) no-repeat top left;
}
.roundedcornr_box_gray_new_10000
{
    background: url(img/roundedcornr_gray_tl_10000.png) no-repeat top left;
}
.roundedcornr_box_gray_new_700
{
    background: url(img/roundedcornr_gray_tl_700.png) no-repeat top left;
}
.newrule
{
    color: #fff;
    width: 23px;
    height: 24px;
    padding: 5px 8px;
    font-size: 11pt;
    font-weight: bold;
    background: transparent;
}


.border-bottom
{
    border-bottom: 1px solid #d9d9d9;
    height: 20px;
}

.LightboxHeading
{
    color: #ed7f40;
    font-size: 14px;
    clear: both;
    font-weight: bold;
    padding-bottom: 5px;
}

.border-top
{
    border-top: 1px solid #d9d9d9;
    height: 20px;
}

.hide
{
    display: none;
}

select.option-small
{
    width: 90px;
    margin-bottom: 4px;
}

select.option-large
{
    width: 280px;
    margin-bottom: 4px;
}

.descending_header
{
    background: url(img/content_list_item_opened.gif)center right no-repeat;
    width: 11px;
    height: 13px;
    padding-right: 14px;
}

.ascending_header
{
    background: url(img/content_list_item_opened_down_asc.gif)center right no-repeat;
    width: 11px;
    height: 13px;
    padding-right: 14px;
}

.paragraph-contactdenial
{
    padding: 10px 5px;
    line-height: 16px;
}

.text-grey
{
    color: #7f7f80;
}

.edit
{
    color: #41A1BF;
}

.clsAbcEditorBtnRight
{
    background: transparent url(img/btn_white_bg.gif) no-repeat right top;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding-right: 3px;
    border-style: none;
    height: 20px;
    cursor: pointer;
    color: #000000;
    text-align: center;
    font-size: 13px;
    height: 20px;
    font-family: Arial,Sans-Serif;
}

.AddImportRecipient
{
    border-bottom: 1px solid #808080;
    padding-bottom: 2px;
}


.AddImportRecipientBtnLeft
{
    background: transparent url(img/recipient_menu_tab.gif) no-repeat scroll left top;
    line-height: 26px;
    color: #ffffff;
    padding: 5px 0 5px 10px;
    margin: 0 5px 0 0;
}

.AddImportRecipientBtnRight
{
    background: transparent url(img/recipient_menu_tab.gif) no-repeat scroll right top;
    height: 26px;
    color: #ffffff;
    padding: 5px 10px 5px 0;
    margin: 0;
}


.BlueRecipientBtnLeft
{
    background: transparent url(img/recipient_menu_tab.gif) no-repeat scroll left top;
    background-repeat: no-repeat;
    margin: 0px;
    padding-left: 6px;
    border-style: none;
    height: 26px;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-family: Arial,Sans-Serif;
}

.BlueRecipientBtnRight
{
    background: transparent url(img/recipient_menu_tab.gif) no-repeat scroll right top;
    margin: 0px;
    padding: 0px 6px 0 0;
    height: 26px;
    font-size: 12px;
    float: right;
    border: none 0;
}
.BlueRecipientBtnContainer
{
    padding-right: 5px;
}

.clsEnabledTextBoxSmall
{
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px !important;
    border-color: #bbbbbb;
    width: 40px;
    height: 18px;
}


/*-- Lightbox --*/

.outer-lightbox-top-left
{
    background: url(img/lightbox-bg/outer-lightbox-top-left.gif) no-repeat scroll left top;
    height: 30px;
    width: 28px;
    padding: 0;
    margin: 0;
}

.outer-lightbox-top-tile
{
    background: url(img/lightbox-bg/outer-lightbox-top-tile.gif) repeat-x top;
    padding: 0;
    margin: 0;
}

.outer-lightbox-top-right
{
    background: url(img/lightbox-bg/outer-lightbox-top-right.gif) no-repeat scroll right top;
    height: 30px;
    width: 28px;
    padding: 0;
    margin: 0;
}

.outer-lightbox-left-tile
{
    background: url(img/lightbox-bg/outer-lightbox-left-tile.gif) repeat-y left;
    padding: 0;
    margin: 0;
}

.outer-lightbox-bottom-left
{
    background: url(img/lightbox-bg/outer-lightbox-btm-left.gif) no-repeat scroll left bottom;
    height: 30px;
    width: 28px;
    padding: 0;
    margin: 0;
}

.outer-lightbox-bottom-tile
{
    background: url(img/lightbox-bg/outer-lightbox-bottom-tile.gif) repeat-x bottom;
    padding: 0;
    margin: 0;
}

.outer-lightbox-bottom-right
{
    background: url(img/lightbox-bg/outer-lightbox-bottom-right.gif) no-repeat scroll right bottom;
    height: 30px;
    width: 28px;
    padding: 0;
    margin: 0;
}


.outer-lightbox-right-tile
{
    background: url(img/lightbox-bg/outer-lightbox-right-tile.gif) repeat-y right;
    padding: 0;
    margin: 0;
}

.inner-lightbox-top-left
{
    background: #ffffff url(img/lightbox-bg/inner-lightbox-top-left.gif) no-repeat scroll left top;
    height: 15px;
    width: 14px;
    padding: 0;
    margin: 0;
}

.inner-lightbox-top-tile
{
    background: url(img/lightbox-bg/inner-lightbox-top-tile.gif) repeat-x top;
    padding: 0;
    margin: 0;
}

.inner-lightbox-top-right
{
    background: #ffffff url(img/lightbox-bg/inner-lightbox-top-right.gif) no-repeat scroll right top;
    height: 15px;
    width: 14px;
    padding: 0;
    margin: 0;
}

.inner-lightbox-left-tile
{
    background: url(img/lightbox-bg/inner-lightbox-left-tile.gif) repeat-y left;
    padding: 0;
    margin: 0;
}

.inner-lightbox-right-tile
{
    background: url(img/lightbox-bg/inner-lightbox-right-tile.gif) repeat-y right;
    padding: 0;
    margin: 0;
}

.inner-lightbox-bottom-left
{
    background: #ffffff url(img/lightbox-bg/inner-lightbox-bottom-left.gif) no-repeat scroll left bottom;
    height: 15px;
    width: 14px;
    padding: 0;
    margin: 0;
}

.inner-lightbox-bottom-tile
{
    background: url(img/lightbox-bg/inner-lightbox-bottom-tile.gif) repeat-x bottom;
    padding: 0;
    margin: 0;
}

.inner-lightbox-bottom-right
{
    background: #ffffff url(img/lightbox-bg/inner-lightbox-bottom-right.gif) no-repeat scroll right bottom;
    height: 15px;
    width: 14px;
    padding: 0;
    margin: 0;
}


.clsBtnParent1
{
    border: none 0;
    background: transparent url(img/btn_white_bg_right_add.gif) no-repeat right top;
    margin: 0px;
    padding: 0 20px 0 0;
    height: 20px;
    font-size: 12px;
    float: left;
}

/*-- Lightbox --*/

/*-- EditSlide --*/

.editSlideSectionbottom
{
    border: 4px solid #dbd9d9;
    border-top: 1px solid #bbbbbb;
    width: 100%;
}

.editSlideSectionTop
{
    border: 4px solid #dbd9d9;
    border-bottom: none;
}

/*Grid holder for recipients*/
.clsgridContinerRecipients, .clsgridContinerRecipients1
{
    /*width: 938px;*/
    margin-left: 12px;
    position: relative;
    border: 1px solid #DDDDDD;
}
/*-----*/
/*Multiselect dropdown*/
.dropTextCell
{
    padding-left: 5px;
}
.dropImageCell
{
    padding: 1px 1px 1px 1px;
}
.dropContainer
{
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 2px 2px 2px;
}
.dropDownItem
{
    background-color: White;
    color: #385880;
    cursor: default;
    font-size: small;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    padding: 1px 1px 1px 1px;
}
.dropDownItemHover
{
    background-color: #385880;
    color: White;
    cursor: default;
    white-space: nowrap;
    font-size: small;
}
.dropDownItem:hover
{
    background-color: #385880;
    color: White;
    cursor: default;
    white-space: nowrap;
    font-size: small;
}
.dropDownImage
{
    cursor: pointer;
}
/*----*/
/*-- EditSlide --*/

/*-----Debasmita Recipient Portal Ends-----*/


/** Import Recipient Start **/
.gridContainer table
{
    border: 1px solid;
}
.gridContainer table th
{
    white-space: nowrap;
}

.thead
{
    overflow: hidden;
    width: 942px;
}
.thead table
{
    background: #CACACA;
    border: 1px solid #CACACA;
}
.thead table tr td
{
    width: 200px;
    overflow: hidden;
    text-align: center;
}

.tbody
{
    overflow: scroll;
    height: 400px;
    width: 958px;
    background-color: #FFF;
}
.tbody table
{
    border-collapse: separate;
}
.tbody table tr td
{
    width: 200px;
    overflow: hidden;
}


.thead table tr th, .tbody table tr td
{
    border: 1px solid #EFEFEF;
}

input.celleditor
{
    border: 0px none;
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
input.celleditor:focus
{
    background: #EFEFEF;
}
input.celleditor, .tbody table tr td
{
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}

.errorcell, .errorcell *
{
    color: Red;
}
.normalrow
{
}
.loading
{
    position: absolute;
    z-index: 1000;
    background-color: #00FFFF;
    top: 0px;
}

#ImportGridPanel .pagination
{
    margin: 0px;
    padding: 0px;
}
#ImportGridPanel .pagination .pagenumber
{
    float: left;
}
#ImportGridPanel .pagination .pagesize
{
    float: left;
}

#ImportGridPanel .pagination a, #ImportGridPanel .pagination span
{
    background: #FFF no-repeat scroll 0 3px;
    text-indent: 1000px;
    overflow: hidden;
    display: block;
    width: 16px;
    height: 19px;
    float: left;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 0px;
    text-decoration: none;
    margin: 0 5px;
}

#ImportGridPanel .pagination a.first
{
    background-image: url('img/page-first.gif');
}
#ImportGridPanel .pagination a.prev
{
    background-image: url('img/page-prev.gif');
}
#ImportGridPanel .pagination a.next
{
    background-image: url('img/page-next.gif');
}
#ImportGridPanel .pagination a.last
{
    background-image: url('img/page-last.gif');
}
#ImportGridPanel .pagination a.refresh
{
    background-image: url('img/refresh.gif');
}

#ImportGridPanel .pagination span.first-disabled
{
    background-image: url('img/page-first-disabled.gif');
}
#ImportGridPanel .pagination span.prev-disabled
{
    background-image: url('img/page-prev-disabled.gif');
}
#ImportGridPanel .pagination span.next-disabled
{
    background-image: url('img/page-next-disabled.gif');
}
#ImportGridPanel .pagination span.last-disabled
{
    background-image: url('img/page-last-disabled.gif');
}
.clsQuestionSelectionPanelGrey
{
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(img/btn_sq_question_grey_new.gif);
    height: 48px;
    width: 93px;
}
/** Import Recipient End **/

.clsQuestionContainerWithBorder
{
    padding: 10px;
    vertical-align: top;
    border: 1px solid #bbbbbb;
}

.clsQuestionContainerWithoutBorder
{
    padding: 10px;
    vertical-align: top;
}
/*1-8-10:RecipientManagement, Show Hide filter By Tag Panel*/
a.showTag, a.hideTag
{
    display: inline;
    color: #333333;
    text-decoration: none;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    background: transparent url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top;
    padding: 0 0 2px 15px;
}
/*end*/
/*13-8-2010:wrapper for grid cells*/
.wrapperDesc
{
    word-wrap: break-word;
    overflow: hidden;
    width: 70px;
    padding-left: 3px;
}
.wrapperDescEmail
{
    word-wrap: break-word;
    overflow: hidden;
    width: 180px;
    padding-left: 3px;
}
.wrapperDescMedium
{
    word-wrap: break-word;
    overflow: hidden;
    width: 120px;
    padding-left: 3px;
}
/**/
/* Login Page Css Start*/
.clsLoginBody
{
    width: 100%;
    min-height: 100%;
    height: 100%;
    font-family: Tahoma,Geneva,Arial,Helvetica,sans-serif;
    line-height: 1.6em;
    font-size: 12px;
    background: #FFFFFF;
}

.clsLoginWrapper
{
    min-height: 100%;
    width: 982px;
    margin: 0px auto;
}

.clsLoginLogo
{
    height: 42px;
    text-align: left;
    padding: 80px 0 20px 30px;
}

.clsLoginContainer
{
    width: 982px;
    background: #458699 url(img/bg.jpg) no-repeat center bottom;
    margin-bottom: 40px;
}

.clsLoginTop
{
    width: 912px;
    height: 40px;
    padding: 0 35px;
    background: url(img/top.png) no-repeat center top;
}

.clsLoginH1
{
    color: #FFFFFF;
    font-size: 18px;
    line-height: 38px;
    text-align: left;
}

.clsLoginH2
{
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    padding: 20px 0 10px 0;
    font-weight: bold;
}

.clsLoginLanguages
{
    height: 180px;
    width: 180px;
    border-right: 1px dotted #89b9c5;
    float: left;
    margin: 25px 40px 40px;
}

.clsLoginLanguages ul
{
    list-style: none;
    line-height: 18px;
    margin-left: 10px;
    padding-bottom: 10px;
}
.clsLoginLanguages li
{
    line-height: 18px;
    background: url(img/dot.png) no-repeat left center;
}
.clsLoginLanguages ul a
{
    color: #fff;
    margin-left: 12px;
}

.clsLoginLanguages ul a:hover
{
    color: #ff8522;
    text-decoration: underline;
}

.clsLoginEnvironments
{
    float: left;
}

.clsLoginEnvironments ul
{
    list-style: none;
    line-height: 18px;
    margin-left: 10px;
    padding-bottom: 10px;
}
.clsLoginEnvironments li
{
    line-height: 18px;
    background: url(img/dot.png) no-repeat left center;
}
.clsLoginEnvironments ul a
{
    margin-left: 10px;
    color: #ee7f38;
}
.clsLoginEnvironments ul span
{
    margin-left: 10px;
    color: #fff;
    font-weight:bold;
}

.clsLoginEnvironments ul a:hover
{
    color: #ff8522;
    text-decoration: underline;
}

.clsLoginContent
{
    padding: 35px 40px 40px;
}

.clsLogin-form-shib
{
    margin-top: 40px;
    width: 600px;
    float: left;
}

.clsLogin-form-shib span
{
    float: left;
    color: #fff;
}


.clsLogin-form
{
    margin-top: 40px;
    width: 600px;
    float: left;
}

.clsLogin-form span, .clsLoginForgot-div label
{
    line-height: 22px;
    text-align: right;
    float: left;
    margin: 5px 10px 5px 0;
    color: #fff;
}

.clsLogin-form-span
{
    line-height: 22px;
    text-align: center;
    margin: 5px 10px 5px 0;
    color: #fff;
    float: none;
}
.clsLogin-form-button-large
{
    width: 180px;
    height: 26px;
    background: url(img/LoginButton_large.png) no-repeat left top;
    margin: 10px 0 0 130px;
    display: block;
    float: left;
}
.clsLogin-form-button
{
    width: 124px;
    height: 26px;
    background: url(img/LoginButton.png) no-repeat left top;
    margin: 10px 0 0 130px;
    display: block;
    float: left;
}
.clsLogin-form-button-submit
{
    width: 124px;
    height: 23px;
    line-height: 26px;
    border: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    background: none;
    text-transform: uppercase;
    cursor: pointer;
}
.clsLogin-form-button-submit-large
{
    width: 180px;
    height: 23px;
    line-height: 26px;
    border: none;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    background: none;
    text-transform: uppercase;
    cursor: pointer;
}

.clsLogin-form input.submit:hover, .clsLoginForgot-div input.submit:hover
{
    text-decoration: underline;
}

.clsLoginForm-links
{
    width: 400px;
    text-align: left;
}
.clsLoginForm-links a
{
    color: #006176;
    margin: 15px;
    border-bottom: 1px dotted #FC7000;
    text-decoration: none;
}

.clsLoginForm-links a:hover
{
    color: #D1EBEF;
    margin: 15px;
    border-bottom: 1px solid #FC7000;
    text-decoration: none;
}

.clsLoginFooter
{
    padding-top: 20px;
    color: #fff;
    clear: both;
    text-align: center;
    font-size: 0.8em;
    height: 20px;
    margin: -40px auto 0 auto;
    background: url(img/footer.png) no-repeat center bottom;
}
.clsLoginFooter a
{
    color: #4F6A93;
}

.clsLoginHomepageLinkContainer
{
    width: 100%; 
    float: right;
    position: relative;
    bottom: 35px;
    right: 15px;
}

.clsLoginHomepagelink
{
    float: right;
    margin: -38px 15px 0 0;
}

.clsLoginHomepagelink a
{
    color: #006176;
    border-bottom: 1px dotted #FC7000;
    text-decoration: none;
}

.clsLoginHomepagelink a:hover
{
    color: #FC7000;
    border-bottom: 1px solid #FC7000;
}

/* Login Page Css End*/
.clsQuestionSelectPanel
{
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(img/btn_question_orange.png);
    height: 45px;
    width: 198px;
}
.clsQuestionSelectPanelGrey
{
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
    background-image: url(img/btn_question_orange.png);
    height: 45px;
    width: 198px;
}
/* start adding/using style from here */
#SelectSurveyWrapper .heading
{
    color: #ED7F40;
    font-size: 16px;
    font-weight: bold;
}

#SelectSurveyWrapper
{
    padding: 15px 100px;
}

#SelectSurveyWrapper .column
{
    float: left;
    width: 200px;
    margin: 32px 0 0 90px;
}

#SelectSurveyWrapper .firstchild
{
    float: left;
    width: 200px;
    margin: 32px 0 0 0px;
}

#SelectSurveyWrapper .column .img
{
    height: 147px;
    width: 200px;
}
#SelectSurveyWrapper .column .public
{
    background: url(img/public_link_img.gif) no-repeat left top;
}

#SelectSurveyWrapper .column .public:hover
{
    background: url(img/method_public_hover.gif) no-repeat left top;
}

#SelectSurveyWrapper .column .personal
{
    background: url(img/personal_link_img.gif) no-repeat left top;
}
#SelectSurveyWrapper .column .personal:hover
{
    background: url(img/method_personal_hover.gif) no-repeat left top;
}


#SelectSurveyWrapper .column .both
{
    background: url(img/method_both.gif) no-repeat left top;
}
#SelectSurveyWrapper .column .both:hover
{
    background: url(img/both_link_img.gif) no-repeat left top;
}

#SelectSurveyWrapper .column .img a
{
    height: 147px;
    width: 200px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000000;
    line-height: 34px;
}

#SelectSurveyWrapper .column .img a:hover
{
    color: #ffffff;
    font-weight: bold;
}
#SelectSurveyWrapper .column .img a.BothMethods
{
    color: #000000;
}
#SelectSurveyWrapper .column .img a.BothMethods:hover
{
    color: #ffffff;
    font-weight: bold;
}

/* Styles for MOBILE surveys */
#SelectSurveyWrapperMobile .heading
{
    color: #ED7F40;
    font-size: 16px;
    font-weight: bold;
}

#SelectSurveyWrapperMobile
{
    padding: 15px 100px;
}

#SelectSurveyWrapperMobile .column
{
    float: left;
    width: 200px;
    margin: 32px 0 0 90px;
}

#SelectSurveyWrapperMobile .firstchild
{
    float: left;
    width: 200px;
    margin: 32px 0 0 0px;
}

#SelectSurveyWrapperMobile .column .img
{
    height: 147px;
    width: 200px;
}

#SelectSurveyWrapperMobile .column .publicMobile
{
    background: url(img/public_link_img.gif) no-repeat left top;
}

#SelectSurveyWrapperMobile .column .publicMobile:hover
{
    background: url(img/method_public_hover.gif) no-repeat left top;
}

#SelectSurveyWrapperMobile .column .personalMobile
{
    background: url(img/personal_link_img.gif) no-repeat left top;
}
#SelectSurveyWrapperMobile .column .personalMobile:hover
{
    background: url(img/method_personal_hover.gif) no-repeat left top;
}


#SelectSurveyWrapperMobile .column .bothMobile
{
    background: url(img/method_both.gif) no-repeat left top;
}

#SelectSurveyWrapperMobile .column .bothMobile:hover
{
    background: url(img/both_link_img.gif) no-repeat left top;
}

#SelectSurveyWrapperMobile .column .img a
{
    height: 147px;
    width: 200px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000000;
    line-height: 34px;
}

#SelectSurveyWrapperMobile .column .img a:hover
{
    color: #ffffff;
    font-weight: bold;
}

#SelectSurveyWrapperMobile .column .img a.BothMethods
{
    color: #000000;
}

#SelectSurveyWrapperMobile .column .img a.BothMethods:hover
{
    color: #ffffff;
    font-weight: bold;
}

/* END --- Styles for MOBILE surveys */

/** Public method**/

#ContentWrapper
{
    padding: 17px;
}


#ContentWrapper .left
{
    float: left;
    width: 202px;
}

#ContentWrapper .right
{
    float: right;
    width: auto;
    width: 714px;
    border: 1px solid #0bdde0;
    padding: 10px;
}

#ContentWrapper .left #MyWebropolImgLink
{
    background: url(img/wwwwebropol.gif) no-repeat left top;
    width: 97px;
    height: 66px;
    position: absolute;
    z-index: 1;
    margin: 0 0 0 49px;
}

#ContentWrapper .left #MyWebropolPrivateLink
{
    background: url(img/personal_link_icon.png) no-repeat left top;
    width: 97px;
    height: 66px;
    position: absolute;
    z-index: 1;
    margin: 0 0 0 49px;
}

#ContentWrapper .left #PublicLinkLeftMenu
{
    padding: 31px 0 0 0;
    border: 1px solid #0bdde0;
}
#ContentWrapper .left #PublicLinkLeftMenu private
{
    padding: 31px 0 0 0;
    border: 1px solid #d35f69;
}
#ContentWrapper .left #PublicLinkLeftMenu ul.menulink
{
    margin: 0;
    padding: 0;
}

#ContentWrapper .left #PublicLinkLeftMenu
{
    margin: 0px 0 0 0;
}

#ContentWrapper .left #PublicLinkLeftMenu ul.menulink li
{
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 10px 0 0px 0;
    border-bottom: 1px solid #dddddd;
}

#ContentWrapper .left #PublicLinkLeftMenu ul.menulink li.active
{
    background: url(img/publiclinkleftmenu_activebg.gif) repeat-x scroll left top transparent;
}

#ContentWrapper .left #PublicLinkLeftMenu ul.menulink li a
{
    text-decoration: none;
    color: #41A1BF;
    display: block;
    background: url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top transparent;
    height: 36px;
    margin: 0 5px;
    padding: 0 0 0 20px;
}


#ContentWrapper .left #PublicLinkLeftMenu ul.menulink li.active a
{
    font-weight: bold;
}

/* AR start*/

#ContentWrapper .left #RMLinksLeftMenu
{
    padding: 31px 0 0 0;
    border: 1px solid #0bdde0;
}
#ContentWrapper .left #RMLinksLeftMenu private
{
    padding: 31px 0 0 0;
    border: 1px solid #d35f69;
}
#ContentWrapper .left #RMLinksLeftMenu ul.menulink
{
    margin: 0;
    padding: 0;
}

#ContentWrapper .left #RMLinksLeftMenu
{
    margin: 36px 0 0 0;
}

#ContentWrapper .left #RMLinksLeftMenu ul.menulink li
{
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 10px 0 0px 0;
    border-bottom: 1px solid #dddddd;
}

#ContentWrapper .left #RMLinksLeftMenu ul.menulink li.active
{
    background: url(img/publiclinkleftmenu_activebg.gif) repeat-x scroll left top transparent;
}

#ContentWrapper .left #RMLinksLeftMenu ul.menulink li a
{
    text-decoration: none;
    color: #41A1BF;
    display: block;
    background: url(img/icon_white_ball_arrow_right.gif) no-repeat scroll left top transparent;
    height: 36px;
    margin: 0 5px;
    padding: 0 0 0 20px;
}


#ContentWrapper .left #RMLinksLeftMenu ul.menulink li.active a
{
    font-weight: bold;
}
/* AR End */

#ContentWrapper .left #UsePesonelLinkInactive
{
    background: url(img/personal_link_img_inactive.gif) no-repeat left top;
    margin: 50px 0 0 2px;
}

#ContentWrapper .left #UsePesonelLinkInactive a
{
    height: 102px;
    width: 195px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000000;
    line-height: 25px;
}

#ContentWrapper .left #UsePublicLinkInactive
{
    background: url(img/public_link_img_inactive.gif) no-repeat left top;
    margin: 50px 0 0 2px;
}

#ContentWrapper .left #UsePublicLinkInactive a
{
    height: 102px;
    width: 195px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000000;
    line-height: 25px;
}




#ContentWrapper .left #OpenSurvey
{
    background: url(img/opensurveybg.gif) no-repeat left top;
    margin: 25px 0 0 2px;
}

#ContentWrapper .left #OpenSurvey a
{
    height: 55px;
    width: 90px;
    display: block;
    text-decoration: none;
    color: #23819f;
    font-weight: bold;
    padding: 17px 30px 0 75px;
    font-size: 13px;
    line-height: 18px;
}
#ContentWrapper .right #public_link .heading
{
    float: left;
    width: auto;
    margin: 8px 0 0 0;
}
#ContentWrapper .right #LockedSurvey
{
    border: 2px solid #8f8f8f;
    float: right;
    width: 520px;
    padding: 10px 15px;
}

#ContentWrapper .right #LockedSurvey #LockImg
{
    height: 52px;
    width: 40px;
    float: left;
}

#ContentWrapper .right #LockedSurvey p
{
    margin: 0 0 0 60px;
}
.clsImageBorderForSelectedPicture
{
    background: url(img/roundedcornr.gif) no-repeat top left;
}

.GridStyleParent th, .GridStyleParent td
{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.GridStyleParent table th, .GridStyleParent table td
{
    border: none;
}

/*----Login Prakash-----*/

#container ul.TemplateMenu
{
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}
#container ul.TemplateMenu li
{
    float: left;
    margin-right: 5px;
}
#container ul.TemplateMenu li
{
    background: url(img/element_hd_black_left.gif) no-repeat scroll left center transparent;
    position: relative;
    cursor: pointer;
    font-size: 11px;
    color: #888888;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}

#container ul.TemplateMenu li span
{
    background: url(img/element_hd_black_right.gif) no-repeat scroll right center transparent;
    padding: 0 10px 0 0;
    margin: 0 0 0 10px;
    display: block;
    line-height: 26px;
    color: #FFFFFF;
    font-family: Arial,tahoma,helvetica;
    font-size: 13px;
}

#container ul.TemplateMenu li.active
{
    background: url(img/element_summary_hd_left.gif) no-repeat scroll left center transparent;
    position: relative;
    color: #cdcccd;
    cursor: pointer;
}

#container ul.TemplateMenu li.active span
{
    padding: 0 10px 0 0;
    margin: 0 0 0 10px;
    display: block;
    line-height: 26px;
    background: url(img/element_summary_hd_right.gif) no-repeat scroll right center transparent;
}


.ContentTopLeft
{
    margin: 0pt;
    background: url(img/tab_tool_element_top_left.gif) left top no-repeat;
    text-align: left;
    font-size: 11px;
}

.ContentTopRight
{
    background: url(img/tab_tool_element_top_right.gif) right top no-repeat;
    padding: 20px 0 0 0;
}

.ContentwrapperTileLeft
{
    margin: 0pt;
    background: url(img/tab_tool_element_middle_tile_left.gif) left top repeat-y;
    text-align: left;
    font-size: 11px;
}
.ContentwrapperTileRight
{
    background: url(img/tab_tool_element_middle_tile_right.gif) right top repeat-y;
}

.ContentBottomLeft
{
    margin: 0pt;
    background: url(img/tab_tool_element_bottom_left.gif) left bottom no-repeat;
    text-align: left;
    font-size: 11px;
}

.ContentBottomRight
{
    background: url(img/tab_tool_element_bottom_right.gif) right bottom no-repeat;
    padding: 0 0 20px 0;
}


/*------------------Created by Subhash Mukherjee on 29.07.11---------------*/

.clsHomeBanner
{
    float: right;
    height: 250px;
    width: 455px;
}

.homefame001
{
    width: 464px;
    height: 276px;
    margin: -6px -12px -10px -1px; *margin:-12px-12px-10px-1px;margin:-12px-12px-10px-1px\9;}

.homefame001
{
    margin: -12px -12px -10px -1px\9;
}
.clsHomepromoSmal00l
{
    float: left;
    border: none;
    height: 250px;
    margin: 0 10px 20px 0;
    width: 225px;
    overflow: hidden;
}

.BottomIframeWrapper
{
    clear: both;
    margin: 20px 0 0 0;
}

/*--------------------------------Created by Debasmita Dutta on 29.07.11------------------------------------------*/

.clsHomepromoMain1
{
    width: 673px;
    margin: 0 0 0 14px;
}


.clsHomepromoMain1 .clsHomelementHeader
{
    background: url(img/news_list_head_new.gif) no-repeat left top;
    float: left;
    height: 26px;
    width: 100%;
}

.clsHomepromoMain1 .clsHomeelementBody
{
    background: url(img/news_list_bg_tile_new.gif) repeat-y left bottom transparent;
    height: 100% !important;
    margin: 0;
    width: 100% !important;
    min-height: 295px;
    max-height: 295px;
}

.clsHomepromoMain1 .clsHomeelementFooter
{
    background: url(img/news_list_bg_footer_new.gif) no-repeat left bottom transparent;
    height: 100% !important;
    margin: 0 0 15px;
    width: 100% !important;
}

*.clsHomepromoMain1 .clsHomeelementFooter
{
    background: url(img/news_list_bg_footer_new.gif) no-repeat left bottom transparent;
    height: 100% !important;
    margin: 0 0 0;
    width: 100% !important;
}

.clsHomepromoMain1 .clsHomeelementBody table
{
    width: 100%;
}

.clsHomepromoMain1 .clsHomeelementBody ul li
{
    width: 640px;
    overflow: none;
}

/*-----------Modal Popup SRM 12.07.11---------------*/
.clsDeleteModal001
{
    background: transparent url(img/thickbox_top_bg001.gif) no-repeat scroll left top;
    height: auto;
    left: 38%;
    margin-left: -250px;
    padding: 20px 0 0;
    position: fixed;
    top: 16%;
    width: 815px;
    display: block;
    z-index: 3000;
}
.clsDeleteModal002
{
    background: transparent url(img/thickbox_top_bg001.gif) no-repeat scroll left top;
    height: auto;
    left: 38%;
    margin-left: -250px;
    padding: 10px 0 0;
    position: fixed;
    top: 35px;
    width: 815px;
    display: block;
    z-index: 3000;
}
.clsmodalControlstableForadd001
{
    border-collapse: collapse;
    margin: 10px 0 0px 140px;
    width: 80%;
}

.clsmodalInner001
{
    background: transparent url(img/thickbox_bottom_bg001.gif) no-repeat scroll left bottom;
    padding: 0 35px 62px 20px;
}
.clsmodalInner002
{
    background: transparent url(img/thickbox_bottom_bg001.gif) no-repeat scroll left bottom;
    padding: 10px;
}
.clsmodalControlstableForadd002
{
    border-collapse: collapse;
    margin: 10px 0 0px 200px;
}
.clsEnabledTextBoxQuestions001
{
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px !important;
    border-color: #bbbbbb;
    width: 245px;
    height: 18px;
}

/*new css added on 5th aug*/
.clsSurveyNewBrdr
{
    /*background:url(img/bg-menubtn.gif)  repeat-x left top;*/
    height: 31px;
}

.midrept .right-corner
{
    background: url(img/search-right-bg.png) no-repeat 100% 0;
    position: relative;
    left: 5px;
    height: 31px;
    margin-right: 5px;
}

.midrept .right-corner .left-corner
{
    background: url(img/search-left-bg.png) no-repeat 0 0;
    position: relative;
    margin-left: -6px;
    padding-top: 6px;
    height: 31px;
}

.midrept
{
    background: url(img/search-mid-bg.png) repeat-x 50% 0;
    position: relative;
    height: 31px;
}

.search-panelNew
{
    float: right;
    height: 28px;
    padding-left: 5px;
    width: 300px;
    margin-right: 70px;
}

.search-TxtNew
{
    padding: 0;
    margin: 0;
    line-height: 22px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
}

.search-surveys
{
    padding: 0;
    margin: 0;
    line-height: 22px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
}


.search-panel p
{
    padding: 0;
    margin: 0;
}

.search-panel p input
{
    width: 150px;
    height: 24px;
    font: normal 11px/12px Arial, Helvetica, sans-serif;
    color: #666;
    background: url(img/search-text-tile.gif) repeat-x left top;
    border: none;
}



.search-panel p input.searchBtn
{
    width: 28px;
    height: 24px;
    padding: 0;
}

.clsSearchTxtBox
{
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    padding-left: 2px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px !important;
    border-color: #35839b;
    width: 142px;
    height: 17px;
}

.clsPanelHeaderNew
{
    height: 26px;
    display: block;
    width: 210px;
    font-size: 14px;
    color: #35849d;
    text-transform: uppercase;
    border-bottom: 1px solid #eeeeee;
}
.clsPanelHeaderNewWidthAuto
{
    height: 27px;
    display: block;
    width: auto;
    font-size: 14px;
    color: #35849d;
    text-transform: uppercase;
    border-bottom: 1px solid #eeeeee;
}
.clsPanelHeaderNew table td
{
    padding: 0 5px 0 5px;
}

.clsPanelBodyNew
{
    background: transparent;
}

.GridStyleParentNew td
{
    /*border-style:none;*/
    border-left: 1px solid transparent;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid transparent;
}

.GridStyleParentNew table td
{
    border: none;
}

.clsGridContentNew td
{
    padding-left: 5px;
    padding-right: 5px;
    /*border-collapse: collapse;*/
}

.clsGridContentNew
{
    background-color: #ffffff;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 0 2px 0 12px;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    padding-left: 5px;
    border-bottom: 1px solid #eeeeee;
}

.clsGridAlternateRowNew td
{
    padding-left: 5px;
    padding-right: 5px; /*border-left:1px solid #dddddd;*/
}

.clsGridAlternateRowNew
{
    background-color: #ffffff;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 5px 2px 0 12px;
    text-align: left;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
}
.clsGridAlternateRowNew
{
    background-color: #ffffff;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 0 2px 0 5px;
    text-align: left;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
}

.clsGridHeaderNew
{
    /*background: transparent url(img/table_header.jpg) 0 0;*/
    height: 26px;
    padding: 0 5px 0 5px;
    text-align: left; /*border-right: 1px solid #DDDDDD; 	border-collapse: collapse;*/
    border: none;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal; /*font-weight: bold !important;*/
    float: none;
    margin: 0;
    width: auto;
}

.clsSortDescNew
{
    /*background: transparent url(img/img_desc_background.gif) no-repeat;*/
    /*padding: 0 2px 0 10px;*/
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}
.clsSortNullNew
{
    /*background:transparent url(img/img_sort_background_null.gif) no-repeat;*/
    padding: 0 10px 0 5px;
    font-weight: normal;
    font-size: 11px;
}

.clsSortNew
{
    /*background: transparent url(img/img_sort_background.gif) repeat-y;*/
    /*padding: 0 2px 0 5px;*/
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    font-size: 11px;
}

.clsLinkButton
{
    color: #41A1BF;
    font-family: Arial,Sans-Serif; /*font-size: 11px;*/
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}
.homeSearchNewDiv
{
    height: 28px;
    padding-top: 10px;
    margin: -5px 8px 5px 8px;
}
.searchNewDiv
{
    height: 31px;
    padding: 0px;
    margin: 0px 5px 0px 5px;
}
.leftBorder
{
    border-left: 1px solid #dddddd;
}

.GridStyleParentNew td.clsChckboxRight
{
    /*border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-collapse: collapse;*/
    border-right: none;/*1px solid transparent;*/
    border-left: 1px solid transparent;
}

.GridStyleParentNew td.clsSurveyName {
    border-left: none;
}

/*----------------------------------------------*/
.actionpopup
{
    width: 135px;
    background-color: White;
    position: relative;
    z-index: 12000;
}
.actionpopupreport
{
    width: 135px;
    background-color: White;
    top:0;
    left:0;
    position: relative;
    z-index: 12000;
}
.ActionpopupSurveys
{
    width: 180px;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: White;
}

.actionpopupitems
{
    height: 19px;
    vertical-align: middle;
    padding-bottom: 1px;
}
.actionpopupitemssort
{
    height: 19px;
    vertical-align: middle;
}
.actionpopupitemsSurveys
{
    height: 19px;
    vertical-align: middle;
    color: inherit;
}
.actionlinks
{
    color: #000000;
    width: 132px;
    height: 19px;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    border: none;
    text-align: left;
    font-size: 11px;
    font-family: Arial;
    font-weight: 500;
    background-color: White;
}
.actionlinkssort
{
    color: #000000;
    width: 127px;
    height: 19px;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    border: none;
    text-align: left;
    font-size: 11px;
    font-family: Arial;
    font-weight: 500;
    background-color: White;
}
.actionpopupitemsSurveys a:link
{
    color: #000000;
    width: 127px;
    height: 19px;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    border: none;
    text-align: left;
    font-size: 11px;
    font-family: Arial;
    font-weight: 500;
    background-color: White;
    text-decoration: none;
}
.actionlinks:hover
{
    background-position: 0 0;
    background: url("img/hover-sel-new.png") repeat-x scroll left top transparent;
    text-decoration: none;
}
.actionlinks:visited:hover
{
    text-decoration: none;
}

.actionpopupitemssort a:link:hover
{
    background-position: 0 0;
    background: url("img/hover-sel-new.png") repeat-x scroll left top transparent;
    text-decoration: none;
}
.actionpopupitemssort a:link:visited:hover
{
    text-decoration: none;
}
.actionpopupitemsSurveys a:link:hover
{
    background-position: 0 0;
    background: url("img/hover-sel-new.png") repeat-x scroll left top transparent;
    text-decoration: none;
    color: inherit;
}

.actionpopupitemsSurveys a:visited:hover
{
    background-position: 0 0;
    background: url("img/hover-sel-new.png") repeat-x scroll left top transparent;
    text-decoration: none;
    color: inherit;
}

.actionpopupitemsSurveys a:visited
{
   text-decoration: none;
   color: inherit;
}

.actionpopupitemsSurveys a:link
{
   text-decoration: none;
   color: inherit;
}

.actionpopupitemsSurveys a:hover
{
   text-decoration: none;
   color: inherit;
}

.actionpopupitemsSurveys a:active
{
   text-decoration: none;
   color: inherit;
}

.UnclickableactionpopupitemsSurveys
{
    text-align: left;
    margin-top: 3px;
    line-height: 12px;
    vertical-align: middle;
    color: Black;
    white-space: nowrap;
    padding-bottom: 2px;
}
.UnclickableactionpopupitemsSurveys a:link
{
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
}
.actionlinksdisabled
{
    text-decoration: none;
    color: Black;
    background-color: #EFEDE3;
    text-align: left;
    width: 132px;
    height: 19px;
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 11px;
    font-family: Arial;
    font-weight: 200;
    border: none;
}
.actionlinksdisabled:hover
{
    text-decoration: none;
}
.actionlinksdisabled:visited:hover
{
    text-decoration: none;
}
.innerdiv
{
    border: solid 1px #D8D6D6;
}
.RMSubMenuPopup
{
    width: auto;
    height: 288px;
    position: relative;
    top: 0;
    left: 0;
    background-color: White;
    padding: 1px;
}
.RMpopupitemsSurveys
{
    height: 19px; /*border-bottom:solid 1px #EAE9E5;*/
    text-align: left;
    margin-top: 3px;
    line-height: 12px;
    vertical-align: middle; /*padding-left:5px;*/
}
.RMpopupitemsSurveys a:link
{
    color: Black;
    width: 175px;
    height: 19px;
    float: left;
    margin: 0;
    padding: 2px 0 0 0;
    text-align: left;
    font-size: 11px;
    font-family: Arial;
    font-weight: 200;
    padding-left: 3px; /*padding: 0 2px 0 2px;*/
}

.RMpopupitemsSurveys a:link:hover
{
    background-position: 0 0; /*background-color:#E6EDF4;*/
    background: url("img/hover-sel.png") repeat-x scroll left top transparent;
    text-decoration: none;
}
.RMpopupitemsSurveys a:visited:hover
{
    background-position: 0 0; /*background-color:#E6EDF4;*/
    background: url("img/hover-sel.png") repeat-x scroll left top transparent;
    text-decoration: none;
}
/*----------------------------------------------*/


#ContentWrapper .rightPrivate
{
    float: right;
    width: auto;
    width: 714px;
    padding: 13px;
    border: 1px solid #efe200;
}
#ContentWrapper .rightPublic
{
    float: right;
    width: auto;
    width: 714px;
    padding: 13px;
    border: 1px solid #0bdde0;
}

#ContentWrapper .left #PublicLinkLeftMenu ul.menulink li a.divTGSubmenu
{
    text-decoration: none;
    color: #41A1BF;
    display: block;
    background: none;
    height: 20px;
    margin: 0 5px;
    padding: 0 0 5px 35px;
    font-weight: bold;
}
#ContentWrapper .left #PublicLinkLeftMenu ul.menulink li a.divImportSubmenu
{
    text-decoration: none;
    color: #41A1BF;
    display: block;
    background: none;
    height: 20px;
    margin: 0 5px;
    padding: 0 0 5px 35px;
}

.leftPrivate
{
    border: 1px solid #efe200;
    width: 202px;
    float: left;
    padding: 5px;
}
.rightPrivateNew
{
    padding: 5px;
    float: right;
    width: 720px;
    border: 1px solid #efe200;
}

.rightPublicBoth
{
    border: 1px solid #0bdde0;
    width: 710px;
    float: right;
    padding: 4px;
}
.PublicPrivateBothImg
{
    background: url(img/Personal_Public_small.gif) no-repeat left top;
    height: 25px;
    width: 45px;
    position: absolute;
    margin: 0 0 0 59px;
}

.privateMenuImg
{
    height: 25px;
    width: 45px;
    position: absolute;
    margin: 0 0 0 69px;
    background: url("img/personal-link-small.gif") repeat-x scroll left top transparent;
}
.publicImg
{
    height: 25px;
    width: 45px;
    position: absolute;
    margin: 0 0 0 59px;
    background: url("img/Public-small.gif") repeat-x scroll left top transparent;
}

#ContentWrapper .rightPrivateNew #LockedSurvey
{
    border: 2px solid #8f8f8f;
    float: right;
    width: 520px;
    padding: 10px 15px;
}
#ContentWrapper .rightPrivateNew #LockedSurvey #LockImg
{
    height: 52px;
    width: 40px;
    float: left;
}
#ContentWrapper .rightPublic #LockedSurvey
{
    border: 2px solid #8f8f8f;
    float: right;
    width: 520px;
    padding: 10px 15px;
}

#ContentWrapper .rightPublic #LockedSurvey #LockImg
{
    height: 52px;
    width: 40px;
    float: left;
}

#ContentWrapper .left #PublicLinkLeftMenu ul.menulink li a.divTGSubmenuNormal
{
    text-decoration: none;
    color: #41A1BF;
    display: block;
    background: none;
    height: 20px;
    margin: 0 5px;
    padding: 0 0 5px 35px;
}

#ContentWrapper .rightPrivate #LockedSurvey
{
    border: 2px solid #8f8f8f;
    float: right;
    width: 520px;
    padding: 10px 15px;
}

#ContentWrapper .rightPrivate #LockedSurvey #LockImg
{
    height: 52px;
    width: 40px;
    float: left;
}



/*-------HomePage New Design August 30th 2012 by Debasmita-------*/

/*HomePage General*/
.HomePageWrapper
{
    width: 967px;
    margin: 0 auto 20px; *margin:0auto;
    padding:0;
}


.HomePageWrapper .left
{
    float: left;
    width: auto;
}

.HomePageWrapper .right
{
    float: right;
    width: auto;
}


.FirstRow
{
    padding: 0;
    display: block;
}

.Row
{
    margin: 18px 0 0 0;
    clear: both;
}

/*HomePage HelpButton*/
.helpbtn
{
    text-align: right;
    position: absolute;
    z-index: 2;
    margin: 0 0;
    right: 0px;
    top: -30px;
    
}

.FeedbackDocPlaceholder
{
    *width: 510px;
}

.InputHelpBtn
{
    /*background:url(img/helpbtn.png) right top no-repeat; */
    border: none;
    width: 26px;
    height: 29px;
    font-size: 1px;
    color: #3d88a0;
    padding: 12px 13px;
    border: 1px solid red;
}


/*HomePage NewsModule Explicit*/
.NewsModule
{
    width: 297px;
    height: 342px;
}

.NewsModule .Top .TopLeftHeading
{
    background: url(img/news_shortcut_topleft.png) no-repeat left top;
    width: 132px;
    height: 30px;
}

.NewsModule .TopMiddle
{
    width: 129px;
    height: 40px;
}

.NewsModule .MiddleLeft, .NewsModule .MiddleRight
{
    height: 284px;
}


.NewsModule .Bottom .BottomMiddle
{
    width: 262px;
}


.NewsModule .TopMiddle a.rss
{
    background: url(img/icon_rss.png) no-repeat scroll right center transparent;
    color: #B5D5DF;
    float: right;
    font-size: 8pt;
    line-height: 26px;
    margin: 0 0;
    padding: 0 17px 0 0;
    text-transform: uppercase;
    width: auto;
}

.NewsModule .Top .TopMiddle
{
    width: 129px;
}


/*HomePage NewsModule And ShortCutModule Common Box Design*/

.Top .TopLeftHeading
{
    padding: 10px 0 0 25px;
}

h3.HeadingBlue
{
    color: #35849D;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}


.Top .TopMiddle
{
    background: url(img/news_shortcut_topmiddle_tilex.png) repeat-x top;
    height: 40px;
}


.Top .TopRight
{
    background: url(img/news_shortcut_topright.png) no-repeat left top;
    width: 11px;
    height: 40px;
}

.Middle
{
    clear: both;
}
.Middle .MiddleLeft
{
    background: url(img/news_shortcut_middleleft_tiley.png) repeat-y left;
    width: 15px;
}

.Middle .MiddleRight
{
    background: url(img/news_shortcut_middleright_tiley.png) repeat-y left;
    width: 20px;
}

.Middle .MiddleMiddleContent
{
    padding: 0 0 0 10px;
}

.Bottom
{
    clear: both;
}

.Bottom .BottomLeft
{
    background: url(img/news_bottomleft.png) no-repeat top left;
    width: 15px;
    height: 20px;
}

.Bottom .BottomMiddle
{
    background: url(img/news_bottommiddle_tilex.png) repeat-x top;
}

.Bottom .BottomRight
{
    background: url(img/news_bottomright.png) no-repeat top left;
    width: 20px;
    height: 20px;
}

/*HomePage NewsModule Content Explicit*/

.NewsModule .Middle .MiddleMiddleContent
{
    width: 252px;
}

.NewsModule ul.clsul
{
    margin-top: 10px;
}

.NewsModule ul.clsul li
{
    background: none;
    float: left;
    margin: 0 0px;
    padding: 0 0 10px 0;
    width: 100%;
}

.NewsModule ul.clsul li h4 a
{
    color: #59b7f3;
    font-size: 13px;
}
.NewsModule ul.clsul li h4 a:hover
{
    color: #1788d0;
}

.NewsModule ul.clsul li p.date
{
    color: #ED7F40;
    line-height: 19px;
    font-size: 11px;
}

.NewsModule ul.clsul li p.clsItmStyle a
{
    color: #888888;
    text-decoration: none;
    font-size: 11px;
}

.NewsModule ul.clsul li p.clsItmStyle a:hover, .NewsModule ul.clsul li p.clsItmStyle a.link
{
    color: #232323;
}

.NewsModule ul.clsul li a:hover, .NewsModule ul.clsul li a.link
{
    color: #232323;
}

.NewsModule ul.clsul li a
{
    color: #888888;
    text-decoration: none;
}

.NewsModule ul.clsul li a.readMore
{
    color: #59b7f3;
    background: url(img/icon_orange_ball_arrow_right.gif) no-repeat right center;
    padding: 2px 10px 0 0;
    font-size: 11px;
    text-transform: inherit;
}
.NewsModule .clsHomeelementFooter
{
    border-top: none;
}

.NewsModule .clsHomeelementFooter .readMore
{
    margin: 0px;
    float: right;
    text-align: right;
}

/*Click and See Module*/



.ClickAndSee
{
	
	width:642px;
	height:321px;
	color:#fff;
	text-align:center;
	margin: 0 0 0 0;
    padding: 21px 0 0 0;
}

.ClickAndSeeWrapper
{
    background:url(img/clickandseebg.png) no-repeat left top;
    height:321px;
}

/*HomePage ShortCut Explicit*/
.ShortCut
{
    width: 732px;
    height: 272px;
}

.ShortCut .Top .TopLeftHeading
{
    background: url(img/shortcut_topleft.png) no-repeat left top;
    width: 143px;
    height: 30px;
}
.ShortCut .Top .TopMiddle
{
    width: 553px;
    height: 40px;
}

.ShortCut .MiddleLeft, .ShortCut .MiddleRight
{
    height: 216px;
}


.ShortCut .Bottom .BottomMiddle
{
    width: 697px;
    height: 20px;
}

.ShortCut .Middle .MiddleMiddleContent
{
    padding: 0;
}

/*HomePage ShortCut Content Explicit*/

.ShortCut .Middle .MiddleMiddleContent
{
    width: 697px;
}

.ShortCut .shortcutleft, .ShortCut .shortcutright
{
    width: 30%;
}

.ShortCut .shortcutright
{
    border-left: 1px solid #d5d5d5;
    width: 33%;
    height: 215px;
}

.ShortCut .clsHomeelementlist
{
    width: 100%;
}

.ShortCut .clsHomeelementlistBody
{
    min-height: 0px;
}

.ShortCut .clsHomeelementlistHeader
{
    background: none;
}

.ShortCut .clsHomeelementlistHeader h3
{
    color: #ED7F40;
    font-size: 13px;
    line-height: 22px;
}

.ShortCut .clsHomeelementlistBody ul li
{
    background: none;
    padding: 0;
    width: 100%;
}
.ShortCut .clsHomeelementlistBody ul li a
{
    color: #888888;
    text-decoration: none;
    line-height: 17px;
    font-size: 11px;
}
.ShortCut .clsHomeelementlistBody ul li a:hover
{
    color: #232323;
}

.ShortCut .clsHomeelementlist
{
    margin: 0px;
    background: none;
}

.Row .SecondRowBanner
{
    margin: 24px 0 0 0;
}

.Row .clsHomepromoSmal00l
{
    margin: 0;
    padding: 0;
}

.LatestProjectWrapper .clsul
{
    height: 82px;
}

.UnpublishedSurveyWrapper .clsul
{
    height: 47px;
}

.PublishedSurveyWrapper .clsul
{
    height: 70px;
}


/*3rd row icons sets*/

.linkIconRow
{
    width: 738px;
    float: left;
}

.HomeIconicLinkWrapper
{
    background: url(img/iconbg_left.png) no-repeat left top;
    height: 66px;
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
}

.HomeIconicLinkWrapper:first-child
{
    margin: 0px;
}

span.HomeIconicLinkWrapperRight
{
    background: url(img/iconbackgroundright.png) no-repeat right top;
    height: 68px;
    display: block;
    padding: 5px 21px 0 0;
}

.HomeIconicLinkWrapper a
{
    color: #3e8095;
}

.HomeIconicLinkWrapper a:hover
{
    color: #0a546c;
    text-decoration: none;
}


span.HomeIconicLinkWrapperRight .Microsoft
{
    background: url(img/microsoftofficeaddoncomponenticon.png) no-repeat top;
    display: block;
    padding: 40px 0 0 0;
    font-size: 11px;
    border: none;
    min-width: 149px;
    text-align: center;
}


span.HomeIconicLinkWrapperRight .technicalsupporticon
{
    background: url(img/technicalsupporticon.png) no-repeat top;
    display: block;
    padding: 40px 0 0 0;
    font-size: 11px;
    border: none;
    min-width: 109px;
    text-align: center;
}

span.HomeIconicLinkWrapperRight .trainingicon
{
    background: url(img/trainingicon.png) no-repeat top;
    display: block;
    padding: 40px 0 0 0;
    font-size: 11px;
    min-width: 89px;
    text-align: center;
}

span.HomeIconicLinkWrapperRight .sales
{
    background: url(img/sales.png) no-repeat top;
    display: block;
    padding: 40px 14px 0 14px;
    font-size: 11px;
    border: none;
    min-width: 67px;
    text-align: center;
}

.Smswrapperleft
{
    background: url(img/smsbgleft.png) no-repeat left top;
    height: 66px;
    padding: 0 0 0 13px;
    margin: 0 0 0 15px;
}

span.Smswrapperright
{
    background: url(img/smsbgright.png) no-repeat right top;
    height: 68px;
    display: block;
    padding: 5px 20px 0 0;
    width: 180px;
    text-align: center;
}

.SmsButtonLeft
{
    background: url('img/precludebtnbglefthome.png') no-repeat left top;
    height: 20px;
    padding: 0 0 0 5px;
    margin: 0 0 0 15px;
}

.SmsButtonRight
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('img/precludebtnbgright.png') no-repeat right top;
    height: 20px;
    line-height: 19px;
    display: block;
    padding: 2px 5px 4px 0;
    text-align: center;
    margin: 0px;
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

.Smswrapperleft a
{
    color: #4b869c;
}

.Smswrapperleft .SmsSurvey
{
    font-weight: bold;
    line-height: 15px;
}


.Smswrapperleft .AccountBalance
{
    font-weight: normal;
    line-height: 20px;
}

.Smswrapperleft .SmsSurvey:hover, .Smswrapperleft .AccountBalance:hover
{
    text-decoration: none;
    color: #0a546c;
}

/*-------HomePage New Design August 30th 2012 by Debasmita Ends-------*/


.divopenclose
{
    border-top: 1px solid #D3CDCD;
    background-color: #E8E9EA; /*background-image: url('img/down-arrow-grd.png');*/
    background-position: center;
    background-repeat: no-repeat;
    /*background-image:url('img/up-arrow-grd_big1.png')*/
    height: 15px;
    vertical-align: middle;    
    padding:5px 0 0 55px;
    cursor: pointer;
}

.divopenclose a:hover,visted
{
    
}
.infobox
{
    height: 180px;
    width: 180px;
    background: #e5f2f7 url('img/infotooltipbg_tilex.png') repeat-x top;
    border: 1px solid #72b9d4;
    position: relative;
    z-index: 2;
}
.InfoHeading
{
    background: url('img/infohelp.png') no-repeat 2% 50%;
    padding-left: 25px;
    height: 20px;
}
.infotext
{
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 14px;
    color: #388E9E;
}



/*----Click and See CSS-----*/

.ClickAndSee .ClickSeeMSG
{
	padding: 33px 0 0 0;
}

.ClickAndSee .ClickSeeMSG span
{
	font-size:14px;
}
.ClickAndSee .ClickSeeMSG h3
{
	font-size:18px;
	text-transform:uppercase;
	margin:8px;
	font-weight:normal;
}
.ClickAndSee .ClickSteps
{
	float:left;
	margin:30px 24px 0 24px;
}

.ClickAndSee .ClickSteps .Step
{
	background:url(img/clickandseestepbg.png) no-repeat left top;
	width:268px;
	height:133px;
	float:left;
	text-align:center;
	margin:0 0 0 20px;
	cursor:pointer
}

.ClickAndSee .ClickSteps .Step:hover
{
	background:url(img/clickandseestepbg_hover.png) no-repeat left top;
}
.ClickAndSee .ClickSteps .Step p
{
	margin:12px 35px;
}
.ClickAndSee .ClickSteps .Step a
{
	text-decoration:none;
	color:#fff;
	height:133px;
	line-height:22px;
	
}

.ClickAndSee .ClickSteps .Step a span
{
	font-size:16px;
	font-weight:bold;
}
.StepNumber
{
	float:left;
	font-size:16px;
	font-weight:bold;
	width:auto;
	margin: 7px 0 0 13px;
}

/*---sales---*/

.SalesMsg
{
	width:597px;
	margin:auto;
	background:#fff;
	border:1px solid #fff;
}
.SalesMsg1
{
	width:800px;
	margin:auto;
	background:#fff;
	border:1px solid #fff;
}
.SalesMsg2
{
	height:auto;
	margin:auto;
	background:#ABD3F2;
	/*border:1px solid #fff;*/
	width: 600px;
}
.SalesMsg3
{
	height:auto;
	margin:auto;
	background:#FCB783;
	
	/*border:1px solid #fff;*/
}
.SalesMsgFlash
{
	margin:auto;
	background:#fff;
	border:1px solid #fff;
}
.SalesMsg p
{
	color:#8c8c8c;
	margin:10px 0;
	
}

.PopupContentWrapper
{
		margin:36px 58px;
}

.CloseButton a img
{
	float:right;
	width:auto;
	margin: 5px 5px 0 0;
}
h3.Popupheading
{
	font-size:16px;
	color:#55BCFC;
	margin: 0 0 10px 0;
}
.left
{
	float:left;
	width:auto;
}
.right
{
	float:right;
	width:auto;
}

.SalesMsg .right
{
	width: 175px;
}
.SalesMsg .left
{
	width:289px;
}
.PhoneNumberWrapper
{
	background:url(img/phoneicon.png) no-repeat left top;
	padding:5px 0 5px 40px;
	color:#1da3c0;
	font-weight:bold;
	
	
}

.Supportpopup .PhoneNumberWrapper
{
    margin:20px 0;
}

.Supportpopup .PhoneNumberWrapper span.textgrey
{
    color:#333;
    font-weight:normal;
    margin: 30px 0;
    padding-top:0px;
       
}

.emailIdWrapper a
{
	background:url(img/mailicon.png) no-repeat left top;
	padding:5px 0 5px 40px;
	color:#1da3c0;
}

.SalesContactformWrapper
{
	background:url(img/salesform_top.png) no-repeat left top;
	color:#fff;
	max-width:180px;
}


.Supportpopup .emailIdWrapper
{

	margin: 20px 0 0 0;
	font-weight:bold;
	color:#1da3c0;
	background: url('img/mailicon.png') no-repeat scroll left top 
	
}

.Supportpopup .emailIdWrapper a
{
   text-decoration:underline;
   margin: 0;
   background:none;
   padding: 0 10px;
}

.Supportpopup .emailIdWrapper h3
{
    padding:0 20px;
    line-height:20px;
}

.Salescontactform
{
	background: url(img/salesform_bottom.png) no-repeat scroll left bottom transparent;
    margin-top: 0;
    padding: 11px;
    width: 152px;
}

.Salescontactform label
{
	color:#fff;
}
.SalesContactformWrapper h3
{
	padding: 10px 10px 5px;
    text-align: center;
    text-transform: uppercase;
}

.SalesContactformWrapper input, .SalesContactformWrapper textarea, .SalesContactformWrapper select
 {
    background: #E1F5FB;
    border: 1px solid #205160;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-bottom: 6px;
	padding:1px;

}

.SalesContactformWrapper input[type="text"]
{
		width:148px;
	
}

.SalesContactformWrapper select
{
		width:151px;
	
}

.SalesContactformWrapper textarea
{
		width:148px;
	
}

.SalesContactformWrapper input[type="radio"]
{
	margin:5px 0 5px 0;
	background:none;
	border:0px;
}


.SalesContactformWrapper .submit {
    background: none repeat scroll 0 0 #FFA65F;
    border: 1px solid #FF6000;
    margin-top: 7px;
}

.SalesMsg .userinfo
{
	margin-top:20px;
}
/*FDM Menu Panel---*/


.FDMmainnavigator .center ul.menu
{
	padding:0;
	margin:0;
}

.FDMmainnavigator .center ul.menu li
{
    float: left;
	padding:0;
	margin:0
	
}
.FDMmainnavigator .center ul.menu li.special
{
    background: url(imagefdm/main_nav_bg_orng_bdr_fdm.png) repeat-x;
    height: 54px;
    border-left: 6px solid #dd6127;
    border-right: 6px solid #dd6127;
}

.FDMmainnavigator .center ul.menu li.special a
{
    background: none;

}

.FDMmainnavigator .center ul.menu li.special
{
    background: url(imagefdm/main_nav_bg_orng_bdr_fdm.png) repeat-x;
    height: 54px;
    border-left: 6px solid #dd6127;
    border-right: 6px solid #dd6127;
}

.FDMmainnavigator .center ul.menu li.special:hover
{
    background: url(imagefdm/main_nav_bg_orng_bdr_hover_fdm.png) repeat-x;
    border-left: 6px solid #fa8b13;
    border-right: 6px solid #fa8b13;
    height: 54px;
}
.FDMmainnavigator .center
{
    background: url(imagefdm/navigationbgtile_fdm.png) repeat-x;
    height: 54px;
}


.FDMmainnavigator .center ul.menu li a
{
    font-family: Arial, Helvetica, sans-serif;
    line-height: 53px;
    font-size: 150%;
    color: #31859c;
    text-decoration: none !important;
	display:block;
	padding:0 15px;
	background: url(imagefdm/mainnav_div_fdm.gif) no-repeat right top;
	
}


.FDMmainnavigator .center ul.menu li:hover
{
    background: url(imagefdm/main_nav_bg_hover_fdm.png) repeat-x;
}
/*FDM Menu Panel---*/

/*FDM Registration Number Start---*/
.pageFrame .content table tr td div.RegistrationNumber
{
    margin-top:10px;
    font-family: Verdana; 
    font-size: small; 
    clear:both;
}

/*FDM Registration Number End---*/

/*FDM Popup Start---*/

.FDMModalWrapper
{
    width: 100%;
}

.FDMModal 
{
	display: block;
	height: auto;
	left: 50%;
	margin-left: -390px;
	padding: 20px 0 0;
	position: fixed;
	top: 27%;
	/*width:470px;*/
	width:580px;
	z-index: 3000;
}
.FDMModal .ModalTopleft 
{
	background: url(imagefdm/thickbox_top_right_bg.png) no-repeat scroll right top transparent;
	margin:0 2px 0 0;
	padding:0;
	height:30px;
}
.FDMModal .ModalTopRight 
{
	background: url(imagefdm/thickbox_top_left_bg.png) no-repeat scroll left top transparent;
	margin:0 0 0 0;
	height:30px;
}
.FDMModal .FDMmodalInner 
{
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.FDMModal .FDMmodalInnerLeft
{
	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.FDMModal .FDMmodalContent {
	padding: 0 20px 30px 30px;
	position: relative;
}

/*FDM Popup End---*/

/*Popup FDM Home Page*/

.FDMHomeModalWrapper
{
    width: 100%;
}

.FDMHomeModal 
{
	display: block;
	height: auto;
	left: 50%;
	margin-left: -390px;
	padding: 20px 0 0;
	position: fixed;
	top: 27%;
	width: 675px;
	z-index: 3000;
}
.FDMHomeModal .ModalTopleft 
{
	background: url(imagefdm/thickbox_top_right_bg.png) no-repeat scroll right top transparent;
	margin:0 2px 0 0;
	padding:0;
	height:30px;
}
.FDMHomeModal .ModalTopRight 
{
	background: url(imagefdm/thickbox_top_left_bg.png) no-repeat scroll left top transparent;
	margin:0 0 0 0;
	height:30px;
}
.FDMHomeModal .FDMmodalInner 
{
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.FDMHomeModal .FDMmodalInnerLeft
{
	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.FDMHomeModal .FDMmodalContent {
	padding: 0 20px 30px 30px;
	position: relative;
}

/*END*/

/*FDM Home Page Search PopUp*/

/*.FDMHomeModalWrapper
{
    width: 100%;
}
*/
.FDMHomePopupModal 
{
	display: block;
	height: auto;
	left: 50%;
	margin-left: -390px;
	padding: 20px 0 0;
	position: fixed;
	top: 27%;
	width: 341px;
	z-index: 3000;
}
.FDMHomePopupModal .ModalTopleft 
{
	background: url(imagefdm/thickbox_top_right_bg.png) no-repeat scroll right top transparent;
	margin:0 2px 0 0;
	padding:0;
	height:30px;
}
.FDMHomePopupModal .ModalTopRight 
{
	background: url(imagefdm/thickbox_top_left_bg.png) no-repeat scroll left top transparent;
	margin:0 0 0 0;
	height:30px;
}
.FDMHomePopupModal .FDMmodalInner 
{
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.FDMHomePopupModal .FDMmodalInnerLeft
{
	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.FDMHomePopupModal .FDMmodalContent {
	padding: 0 20px 30px 30px;
	position: relative;
}
/*FDM Home Page Search PopUp ENDs*/
.FDMclsEnabledTextBox
{
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    padding-left: 2px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px !important;
    border-color: #bbbbbb;
    width: 190px;
    height: 18px;
}

/*FDM Grid */

.FDMclsGridHeader
{
    /*background: transparent url(img/table_header.jpg) 0 0;*/
    background: url("img/table_header.jpg") repeat-x scroll 0 0 #C0C0C0;
    height: 26px;
    padding: 0 5px 0 5px;
    text-align: left;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}

.FDMclsEditGridHeader
{
    background: transparent url(img/table_header.jpg) 0 0;
    height: 26px;
    padding: 0 5px 0 5px;
    text-align: center;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}

.FDMclsGridHeader th
{
    padding-left: 5px;
    padding-right: 5px;
}

/*END*/
/*FDM QuickSearch */
.NewsModuleFDM
{
    width: 297px;
    height: 380px;
}

.NewsModuleFDM .Top .TopLeftHeading
{
    background: url(img/news_shortcut_topleft.png) no-repeat left top;
    width: 132px;
    height: 30px;
}

.NewsModuleFDM .TopMiddle
{
    width: 129px;
    height: 40px;
}

.NewsModuleFDM .MiddleLeft, .NewsModuleFDM .MiddleRight
{
    height: 331px;
}


.NewsModuleFDM .Bottom .BottomMiddle
{
    width: 406px;
}


.NewsModuleFDM .TopMiddle a.rss
{
    background: url(img/icon_rss.png) no-repeat scroll right center transparent;
    color: #B5D5DF;
    float: right;
    font-size: 8pt;
    line-height: 26px;
    margin: 0 0;
    padding: 0 17px 0 0;
    text-transform: uppercase;
    width: auto;
}

.NewsModuleFDM .Top .TopMiddle
{
    width: 273px;
}

/*END*/
/*------*/
/*HomePage NewsModule And ShortCutModule Common Box Design For FDM*/

.FDMTop .TopLeftHeading
{
    padding: 10px 0 0 25px;
}

h3.FDMHeadingBlue
{
    color: #35849D;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}


.FDMTop .TopMiddle
{
    background: url(img/news_shortcut_topmiddle_tilex.png) repeat-x top;
    height: 40px;
}


.FDMTop .TopRight
{
    background: url(img/news_shortcut_topright.png) no-repeat left top;
    width: 11px;
    height: 40px;
}

.FDMMiddle
{
    clear: both;
}
.FDMMiddle .MiddleLeft
{
    background: url(img/news_shortcut_middleleft_tiley.png) repeat-y left;
    width: 15px;
}

.FDMMiddle .MiddleRight
{
    background: url(img/news_shortcut_middleright_tiley.png) repeat-y left;
    width: 20px;
}

.FDMMiddle .MiddleMiddleContent
{
    padding: 0 0 0 10px;
}

.FDMBottom
{
    clear: both;
}

.FDMBottom .BottomLeft
{
    background: url(img/news_bottomleft.png) no-repeat top left;
    width: 15px;
    height: 20px;
}

.FDMBottom .BottomMiddle
{
    background: url(img/news_bottommiddle_tilex.png) repeat-x top;
}

.FDMBottom .BottomRight
{
    background: url(img/news_bottomright.png) no-repeat top left;
    width: 20px;
    height: 20px;
}
/*END*/

/*FDM*/

/*HomePage FDMShortCut Explicit*/
.ShortCutFDM
{
    width: 732px;
    height: 272px;
}

.ShortCutFDM .Top .TopLeftHeading
{
    background: url(img/shortcut_topleft.png) no-repeat left top;
    width: 143px;
    height: 30px;
}
.ShortCutFDM .Top .TopMiddle
{
    width: 780px;
    height: 40px;
}

.ShortCutFDM .MiddleLeft, .ShortCutFDM .MiddleRight
{
    height: 216px;
}


.ShortCutFDM .Bottom .BottomMiddle
{
    width: 924px;
    height: 20px;
}

.ShortCutFDM .Middle .MiddleMiddleContent
{
    padding: 0;
}

/*HomePage FDM ShortCut Content Explicit*/

.ShortCutFDM .Middle .MiddleMiddleContent
{
    /*width: 697px;*/
    width:924px;
}

.ShortCutFDM .shortcutleft, .ShortCutFDM .shortcutright
{
    /*width: 349px;*/
    width:462px;
}

.ShortCutFDM .shortcutright
{
    border-left: 1px solid #d5d5d5;
    padding: 0 0 0 15px;
    /*width: 331px;*/
    width:445px;
}


.ShortCutFDM .clsHomeelementlist
{
    width: 100%;
}

.ShortCutFDM .clsHomeelementlistBody
{
    min-height: 0px;
}

.ShortCutFDM .clsHomeelementlistHeader
{
    background: none;
}

.ShortCutFDM .clsHomeelementlistHeader h3
{
    color: #ED7F40;
    font-size: 13px;
    line-height: 22px;
}

.ShortCutFDM .clsHomeelementlistBody ul li
{
    background: none;
    padding: 0;
    width: 100%;
}
.ShortCutFDM .clsHomeelementlistBody ul li a
{
    color: #888888;
    text-decoration: none;
    line-height: 17px;
    font-size: 11px;
}
.ShortCutFDM .clsHomeelementlistBody ul li a:hover
{
    color: #232323;
}

.ShortCutFDM .clsHomeelementlist
{
    margin: 0px;
    background: none;
}

.RowFDM .SecondRowBanner
{
    margin: 24px 0 0 0;
}

.RowFDM .clsHomepromoSmal00l
{
    margin: 0;
    padding: 0;
}


.clsHomeelementFooterFDM
{
    /*border-top: 1px solid #DDDDDD;*/
    float: left;
    min-height: 20px;
    width: 100%;
    color: #888888;
    font-size: 8pt;
}
.clsHomeelementFooterFDM a.readMore
{
    float: right;
    width: auto;
    margin: 5px 10px;
    background: transparent url(img/icon_orange_ball_arrow_right.gif) no-repeat scroll right top;
    text-transform: uppercase;
    padding: 0 13px 0 0;
    color: #888888;
    font-size: 8pt;
}
/*
.LatestProjectWrapper .clsul
{
    height: 82px;
}

.UnpublishedSurveyWrapper .clsul
{
    height: 47px;
}

.PublishedSurveyWrapper .clsul
{
    height: 70px;
}
*/

/*END*/




/*css added on 14th oct 2011*/

.newbg-topleft
{
    background:url(img/inner-bg-topleft.png) top left no-repeat;
	height:25px;
	margin-right:25px;
}

.top-right {
float: right;
margin-top: -25px;
background-image:url(img/inner-bg-top-right.png);
height: 25px; 
width: 25px;
font-size: 2px;
}

 .midreptbgmain{
	background:url(img/inner-bg-mid-left.png) top left repeat-y;
	padding:0px;
}

.center-content{
	
	background: url(img/inner-bg-mid-right.png) repeat-y right top;
	padding:0px 7px;
	
}

.newbg-btomleft
{
    background:url(img/inner-bg-btom-left.png) top left no-repeat;
	height:27px;
	margin-right:27px;
	
}

.btom-right {
float: right;
margin-top: -27px;
background:url(img/inner-bg-btom-right.png) no-repeat;
height: 27px; 
width: 32px;
padding:0px;
}

h3.HeadingBoldBlue
{
    color: #35849D;
    font-size: 14px;
    text-transform: uppercase;
    font-weight:bold;
    
}

.FeedbackDoc
{
    margin:33px 0 0;
}


.FDMFirstRow
{
    position: relative;
}

.DocAmt
{
    position:absolute;
    z-index:100;
    top:130px;
    right:500px;
}
.DocAmtZoom
{
    position:absolute;
    z-index:100;
    top:100px;
    right:200px;
}
/*FDM Preview*/

.clsPreviewModal {
	
	height: auto;
	left: 50%;
	margin-left: -250px;
	padding: 20px 0 0;
	position: fixed;
	top: 27%;
	width: 600px;
	z-index: 3000;
	visibility:hidden;
}
.ModalTopleft {
	background: url(imagefdm/thickbox_top_right_bg.png) no-repeat scroll right top transparent;
	margin:0 2px 0 0;
	padding:0;
	height:30px;
}
.ModalTopRight {
	background: url(imagefdm/thickbox_top_left_bg.png) no-repeat scroll left top transparent;
	margin:0 0 0 0;
	height:30px;
}
.clsPreviewmodalInner {
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.clsPreviewmodalInnerLeft{
	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.clsPreviewmodalContent {
	padding: 0 20px 30px 30px;
	position: relative;
}

/*End*/
/*FDM Return Setting*/
.FDMReturnSettingModal {
	
	height: auto;
	left: 50%;
	margin-left: -250px;
	padding: 20px 0 0;
	position: fixed;
	top: -3%;
	width: 662px;
	z-index: 3000;
}
.ModalTopleft {
	background: url(imagefdm/thickbox_top_right_bg.png) no-repeat scroll right top transparent;
	margin:0 2px 0 0;
	padding:0;
	height:30px;
}
.ModalTopRight {
	background: url(imagefdm/thickbox_top_left_bg.png) no-repeat scroll left top transparent;
	margin:0 0 0 0;
	height:30px;
}
.FDMReturnSettingInner {
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.FDMReturnSettingInnerLeft{
	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.FDMReturnSettingContent {
	padding: 0 20px 30px 30px;
	position: relative;
}
/*End*/
/*FDM Fonts*/
.FDMLabelText
{
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
    color: #0070ca;
}
/*End*/
/*Segment Grid*/
.FDMSegmentGridContent
{
    background-color: #ffffff;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 0 2px 0 12px;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    padding-left: 5px;
}
.FDMclsGridContent td
{
    padding-left: 5px;
    padding-right: 5px;
}

.FDMSegmentGridAlternateRow
{
    background-color: #eeeeee;
    height: 22px;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 5px 2px 0 12px;
    text-align: left;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
}
/*End*/
/**
 This stylesheet is part of the java script calendar and date picker
  **/
#calender {
	width: 200px;
	font-family: ms sans serif, sans serif;
	font-size: 7pt;
	}

#calenderTable {
	border-style: outset;
	border-width: 2px;
	border-color: black;
	background-color: #EEE;
	display: none;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	}

#calenderTableHead TR {
	background-color: #5FB404;
	}

#calenderTableDays TR {
	background-color: #B40404;
	color: #E6E6E6;
	}

.normalDay {
	border: 1px dotted black;
	cursor: pointer;
	}

.hlDay {
	border: 1px black;
	background-color: #585858;
	color: #E6E6E6;
	cursor: pointer;
	}

.toDay {
	border: 1px solid #E70;
	background-color: #FD8;
	color: #E70;
	font-weight: bold;
	cursor: pointer;
	}

.choosenDay {
	border: 1px #000000;
	background-color: #585858;
	color: #E6E6E6;
	font-weight: bold;
	cursor: pointer;
	}
	
/*End*/
/*FDM Modal pop up for Notify setting*/
.FDMNotifyPopupModal 
{
	display: block;
	height: auto;
	left: 50%;
	margin-left: -390px;
	padding: 20px 0 0;
	position: fixed;
	top: 27%;
	width: 750px;
	z-index: 3000;
}
.FDMNotifyPopupModal .ModalTopleft 
{
	background: url(imagefdm/thickbox_top_right_bg.png) no-repeat scroll right top transparent;
	margin:0 2px 0 0;
	padding:0;
	height:30px;
}
.FDMNotifyPopupModal .ModalTopRight 
{
	background: url(imagefdm/thickbox_top_left_bg.png) no-repeat scroll left top transparent;
	margin:0 0 0 0;
	height:30px;
}
.FDMNotifyPopupModal .FDMmodalInner 
{
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.FDMNotifyPopupModal .FDMmodalInnerLeft
{
	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.FDMNotifyPopupModal .FDMmodalContent {
	padding: 0 20px 30px 30px;
	position: relative;
}
/*End*/
/* Deadline Popup Begin */
.DeadlineModal 
{

	height: auto;
	left: 80%;
	margin-left: -250px;
	padding: 20px 0 0;
	position: fixed;
	top: 30%;
	width: 300px;
	z-index: 3000;
}
.DeadlineInner 
{
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.DeadlineInnerLeft{

	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.DeadlineContent {
	padding: 0 20px 30px 30px;
	position: relative;
}
.DeadlineHeaderLabelText
{
    font-family: Arial;
    font-size: 14px; 
    font-weight: bold;

}
.DeadlineLabelText
{
   font-family: Arial;
    font-size: 10px; 
}
/* End */

/* SimpleTableGrid  Begin */
.clsSimpleTableGrid {
    width: 100%;    
    border: 0;    
}
.clsSimpleTableGrid tr th,
.clsSimpleTableGrid tr td {
    border: 0;
    padding-top: 3px;
    text-align: left;
}
.clsSimpleTableGrid tr th {
    border-bottom: solid 1px #DDDDDD;    
}
/* SimpleTableGrid End */

/* Common  Begin */
.clsFormBuilderSection {
    margin-left: 47px;    
    margin-right: 20px;
}

.clsBoldText{
    font-weight: bold;    
}/* Common End  */

/* Question settings section  Begin */
.clsQuestionSettingSection {    
    border-collapse:collapse;            
    border: 0;
    width: 45%;   
    vertical-align: top;
    text-align: left;
    margin-left: 10px;
}

.clsQuestionSettingSection td{
    padding-top: 2px;    
}

.clsQuestionSettingSection .clsCheckbox label {
    vertical-align: top;
}

.clsPictureSize label {    
    display: inline-block;
    width: 50px;   
    margin-left: 5px;    
}

.clsPictureSize input{
    width: 50px;    
}

/* Question settings section  End  */
/*FDM Modal pop up for Achive Access setting*/
.FDMArchivePopupModal 
{
	display: block;
	height: 523px;
	left: 50%;
	margin-left: -390px;
	padding: 20px 0 0;
	position: fixed;
	top: -1%;
	width: 720px;
	z-index: 3000;
}
.FDMArchivePopupModal .ModalTopleft 
{
	background: url(imagefdm/thickbox_top_right_bg.png) no-repeat scroll right top transparent;
	margin:0 2px 0 0;
	padding:0;
	height:30px;
}
.FDMArchivePopupModal .ModalTopRight 
{
	background: url(imagefdm/thickbox_top_left_bg.png) no-repeat scroll left top transparent;
	margin:0 0 0 0;
	height:30px;
}
.FDMArchivePopupModal .FDMmodalInner 
{
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.FDMArchivePopupModal .FDMmodalInnerLeft
{
	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.FDMArchivePopupModal .FDMmodalContent {
	padding: 0 20px 30px 30px;
	position: relative;
}
/*End*/

/*FDM Modal pop up for Option Access setting*/
.OptionAccessModal 
{

	height: 200px;
	left: 80%;
	margin-left: -700px;
	padding: 20px 0 0;
	position: fixed;
	top: 10%;
	width: 800px;
	z-index: 3000;
}
.OptionAccessInner 
{
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.OptionAccessInnerLeft{

	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.OptionAccessContent {
	padding: 0 20px 30px 20px;
	position: relative;
}
.OptionAccessHeaderLabelText
{
    font-family: Arial;
    font-size: 14px; 
    font-weight: bold;

}
.OptionAccessLabelText
{
   font-family: Arial;
    font-size: 10px; 
}

.clsDnDQuestionGrid
{
  margin:0;
  padding:0;
}


.clsTargetDropZoneGrid
{
   border-style:solid;
   border-color:Gray; 
   border-width:1px;
   border-collapse:separate;
}

.clsImageNestGrid
{

   border-style:solid;
   border-color:Gray; 
   border-width:1px;
   border-collapse:separate;
}

.clsImageNestGridCell
{
  border:none;
}

.clsImgDraggable
{
   border-style:solid;
   border-width:1px;
}

.clsTargetDropZoneCell
{
   border-style:dashed;
   border-width:1px;
}
.clsTargetDropZoneHeaderCell
{
   border-style:none;
}


/*End*/
/*WaterMark Setting*/
.WatermarkView
{
    font-family: Verdana;
    font-size: 9px;
    
}
/*END*/
/*Separator List Popup*/

a.infoSeparator
{
    /*position: relative; this is the key*/
    /*z-index: 24;*/
    background-color: #FFFFFF;
    color: #000;
    text-decoration: none;
}
a.infoSeparator:hover
{
    /*z-index: 25;*/
    background-color: #ff0;
}
a.infoSeparator span
{
    display: none;
}
a.infoSeparator:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    /*position: absolute;
    top: 2em;
    left: 2em;
    width: 15em;*/
    border: 1px solid #ffffff;
    /*background-color: #ffffff;*/
    color: #000;
    text-align: center;
}


.FDMSeparatorModal 
{
	display: block;
	height: auto;
	left: 50%;
	margin-left: 60px;
	padding: 20px 0 0;
	position: fixed;
	top: 20%;
	/*width:470px;*/
	width:320px;
	z-index: 3000;
}
.FDMSeparatorModal .ModalTopleft 
{
	background: url(imagefdm/thickbox_top_right_bg.png) no-repeat scroll right top transparent;
	margin:0 2px 0 0;
	padding:0;
	height:30px;
}
.FDMSeparatorModal .ModalTopRight 
{
	background: url(imagefdm/thickbox_top_left_bg.png) no-repeat scroll left top transparent;
	margin:0 0 0 0;
	height:30px;
}
.FDMSeparatorModal .FDMmodalInner 
{
	background: url(imagefdm/thickbox_bottom_right_bg.png) no-repeat scroll right bottom transparent;
	margin:0 2px 0 0;
}

.FDMSeparatorModal .FDMmodalInnerLeft
{
	background: url(imagefdm/thickbox_bottom_left_bg.png) no-repeat scroll left bottom transparent;
	margin:0 2px 0 0;
}
.FDMSeparatorModal .FDMmodalContent {
	padding: 0 20px 30px 30px;
	position: relative;
}

/*END*/

/*Segment Grid*/
.clsSortDescSeg
{
   /* background: transparent url(img/img_desc_background.gif) no-repeat;*/
    /*padding: 0 2px 0 16px;*/
    
    background: url("img/img_desc_background.gif") repeat-x scroll 0 0 #A9A9A9;
    height: 26px;
    padding: 0 2px 0 16px;
    text-align: left;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}

.clsSortSeg
{
    /*background: transparent url(img/img_sort_background.gif) 0 0;*/
    background: url("img/img_sort_background.gif") repeat-x scroll 0 0 #C0C0C0;
    height: 26px;
    padding: 0 2px 0 16px;
    text-align: left;
    vertical-align: middle;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}
.clsSortAscSeg
{
    /*background: transparent url(img/img_asc_background.gif) 0 0;*/
    background: url("img/img_asc_background.gif") repeat-x scroll 0 0 #A9A9A9;
    height: 26px;
    padding: 0 2px 0 16px;
    text-align: left;
    border-right: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold !important;
    float: none;
    margin: 0;
    width: auto;
}

/*Quick Search For Archive*/
.NewsModuleArchiveFDM
{
    width: 297px;
    height: 380px;
}

.NewsModuleArchiveFDM .Top .TopLeftHeading
{
    background: url(img/news_shortcut_topleft.png) no-repeat left top;
    width: 132px;
    height: 30px;
}

.NewsModuleArchiveFDM .TopMiddle
{
    width: 129px;
    height: 40px;
}

.NewsModuleArchiveFDM .MiddleLeft, .NewsModuleArchiveFDM .MiddleRight
{
    height: 341px;
}


.NewsModuleArchiveFDM .Bottom .BottomMiddle
{
    width: 406px;
}


.NewsModuleArchiveFDM .TopMiddle a.rss
{
    background: url(img/icon_rss.png) no-repeat scroll right center transparent;
    color: #B5D5DF;
    float: right;
    font-size: 8pt;
    line-height: 26px;
    margin: 0 0;
    padding: 0 17px 0 0;
    text-transform: uppercase;
    width: auto;
}

.NewsModuleArchiveFDM .Top .TopMiddle
{
    width: 273px;
}

/* Start by setting display:none to make this hidden.
    Then we position it in relation to the viewport window
    with position:fixed. Width, height, top and left speak
    speak for themselves. Background we set to 80% white with
    our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../../images/loading3.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
    the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
    modal element will be visible */
body.loading .modal {
    display: block;
}

/*END*/

/* Section Header */
.PublicLinkSectionHeader hr,
.PrivateLinkSectionHeader hr
{
	position: relative;
	margin: 0;
	top:15px;	
	z-index:1;			
}

.LinkSectionHeaderImg
{
	position: relative;
	display: block;
    height: 25px;
    margin-left: 130px;        
    width: 45px;		
	z-index:2;		
}
	
.PublicLinkSectionHeader .LinkSectionHeaderImg
{    
	background: url("img/Public-small.gif") repeat-x scroll left top transparent;    
}

.PrivateLinkSectionHeader .LinkSectionHeaderImg
{
	background: url("img/personal-link-small.gif") repeat-x scroll left top transparent;    
}
/* End of Section Header */


.Grayedout,
.Grayedout .clsLinkButton
{
	color: gray;
}


/* Scheduling Occurs Section */

.SchedulingOccursSection
{
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 15px; 
	overflow: hidden;
}

.SchedulingOccursSection hr
{
	width:95%;
}

.SchedulingOccursSection > table
{
	width:100%;
}

.SchedulingOccursSection table tbody tr td
{
	vertical-align: top;
	padding-top: 3px;
}

.SchedulingOccursSectionDetails
{
	padding-left: 40px; 	
}

.SchedulingOccursProperty
{
	clear: none;
    display: inline;
    float: left;
    margin-right: 50px;
}

.SchedulingOccursSectionDetails .ajax__calendar .ajax__calendar_container
{
    z-index: 3;
}
/* End of Scheduling Occurs Section  */

/*Collapsible regions*/

.region
{
	margin-left: 10px;
}

.accord .header
{
    background-image: url("img/arrow-right.png");
    background-position: right center;
    background-repeat: no-repeat;
	margin-bottom: 5px;
}

.accord .header.open
{
    background-image: url("img/arrow-down.png");

}


.highlight 
{
	cursor: pointer;
}

/*End collapsible regions*/

td.qst-hier > select {
    width: 300px;
    margin-top: 15px;
}
td.qst-hier > select:focus {
    min-width:300px !important; width:auto !important;
}

td.qst-hier > select.static {
    margin-top: 0px;
}

/* Mouse-over help popup */

td.helpPopupTopLeft {
    background: url('img/help_popup/topleft.png') 0 0 no-repeat;
    min-width: 5px;
    width: 5px;
    height: 5px;
    padding: 0px 0px 0px 0px;
}
td.helpPopupTop {
    background: url('img/help_popup/top.png') 0 0 repeat-x;
    max-width: 350px;
    height: 5px;
    padding: 0px 0px 0px 0px;
}
td.helpPopupTopRight {
    background: url('img/help_popup/topright.png') 0 0 no-repeat;
    min-width: 5px;
    width: 5px;
    height: 5px;
    padding: 0px 0px 0px 0px;
}
td.helpPopupLeft {
    background: url('img/help_popup/left.png') 0 0 repeat-y;
    min-width: 5px;
    width: 5px;
    height: 1px;
    padding: 0px 0px 0px 0px;
}
td.helpPopupContent {
    background-color: White;
    max-width: 350px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}
td.helpPopupRight {
    background: url('img/help_popup/right.png') 0 0 repeat-y;
    min-width: 5px;
    width: 5px;
    height: 1px;
    padding: 0px 0px 0px 0px;
}
td.helpPopupBottomLeft {
    background: url('img/help_popup/bottomleft.png') 0 0 no-repeat;
    min-width: 5px;
    width: 5px;
    height: 5px;
    padding: 0px 0px 0px 0px;
}
td.helpPopupBottom {
    background: url('img/help_popup/bottom.png') 0 0 repeat-x;
    max-width: 350px;
    height: 5px;
    padding: 0px 0px 0px 0px;
}
td.helpPopupBottomRight {
    background: url('img/help_popup/bottomright.png') 0 0 no-repeat;
    min-width: 5px;
    width: 5px;
    height: 5px;
    padding: 0px 0px 0px 0px;
}

/* End Mouse-over help popup */

/*Start folderSurvey control*/
.folder-survey-tree-header 
{
    padding-left: 5px;
    width: 450px;
}

.folder-survey-tree-item
{ 
    width: 440px;
}

.folder-survey-tree-item > table
{ 
    table-layout: fixed;
    width: 440px;
}

.folder-survey-tree-item > table span
{ 
    white-space: pre-line; 
    word-wrap: break-word;
}

.folder-survey-rights-header 
{    
    width: 100px;
}

.folder-survey-rights-item {
    width: 90px;
}

.folder-survey-chb
{    
    width: 10%;
}
/*End folderSurvey control*/

/*Start info control*/
.wall {
    display: none; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: white;
    z-index: 1001;
    filter: alpha(opacity=10);
    -moz-opacity: 0.10;
    opacity: 0.10;
}

.info-msg {
    text-align: right; 
    width: 200px; 
    top: 30px; 
    right: 0;
}

/* Start Calendar Edit*/
.border-orange {
    border: 1px solid #FE9A2E;
}

.border-blue {
    border: 1px solid #1CA8D6;
}
/* End Calendar Edit */


/* Start Calendar Participation*/
.calendar-container 
{
    padding: 5px;
}
    .calendar-container input[type="text"] {
        margin: 0 1px 0 4px;
    }
    .calendar-container td {
        padding: 5px;
    }
/* End Calendar Participation */

/* Start survey folders style */

.clsSurveyFolders .Expand
{
    vertical-align: top;
    display: inline-block;
    width: 22px;
    height: 17px;
    cursor: pointer;
    margin: 0;
    background-image: url('img/surveyfolders/plus.png');
    background-position: 60% 15%;
    background-repeat: no-repeat;
}

.clsSurveyFolders .Collapse
{
    vertical-align: top;
    display: inline-block;
    width: 22px;
    height: 17px;
    cursor: pointer;
    margin: 0;
    background-image: url('img/surveyfolders/minus.png');
    background-position: 60% 15%;
    background-repeat: no-repeat;
}

.clsSurveyFolders
{
    clear: both;
    vertical-align: top;
    padding: 2px;
    
    overflow-x: hidden;
}

.clsSurveyFolders li {

}


.clsSurveyFolders .ul
{
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    /*padding: 0px 0px 0px 10px;*/
    margin: 0px;
}

.clsSurveyFolders .span
{
    background-image: none;
    display: inline-block;
    border: 1px solid transparent;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 80%;
}

/*.clsSurveyFolders .span:hover
{
    border: 1px solid #BCBCBC;
    background-color: #EEEEEE;
}*/

.clsSurveyFolders .Even
{
    background-color: #CCCCCC;
}

.clsSurveyFolders .Empty
{
    background-image: url(img/Empty.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    
    width: 11px;
}

/* selected node: */
.clsSurveyFolders .Sel
{
    /*border: 1px solid #EEEEEE;*/
    background-color: #EEEEEE;
}

.clsSurveyFolders .Sel:hover
{
    /*border: 1px solid #EEEEEE;*/
    background-color: #EEEEEE;
}

.clsSurveyFolders .div
{
    padding: 0px;
    display: inline-block;
    width: 100%;
    border: 1px solid transparent;
    border-top: 1px solid #EEEEEE;
}

.clsSurveyFolders .div:hover {
    background-color: #EEEEEE;
    border: 1px solid #000000;
    cursor: pointer;
}

.clsSurveyFolders .context-menu-node {
    background-color: #EEEEEE;
    cursor: pointer;
    border: 1px solid #000000;
}

.clsSurveyFolders .edit
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    border: 1px solid #C0C0C0;
}

.clsSurveyFolders .cnt
{
    vertical-align: middle;
}
.clsSurveyFolders .RootBold
{
    font-size: 10pt;
    font-weight: bold;
}
.clsSurveyFolders .questionBoldItalic
{
    font-weight: bold;
    font-style: italic;
}
.clsSurveyFolders .questionBold
{
    font-weight: bold;
}

.cogwheel-img 
{
    vertical-align: middle;
}

.clsSurveyFolders .wrap {
    display: inline-block;
    text-overflow: ellipsis;
    white-space:nowrap; 
    overflow: hidden;
    max-width: 155px;
    vertical-align: middle;
}

.clsSurveyFolders .odcContextMenu
{
    padding: 0px;
    border: none;
}

.folder-icon-inherit {
    width: 13px;
    height: 16px;
    background: url(img/icon_folder_inherit.png) no-repeat;
    display: inline-block;
}
.folder-icon {
    width: 13px;
    height: 16px;
    background: url(img/icon_folder.gif) no-repeat;
    display: inline-block;
}

.clsSurveyFolders .main-folder-icon {
    width: 13px;
    height: 16px;
    background: url(img/icon_folder_main.png) no-repeat;
    display: inline-block;
    
}

.cogwheel-img-survey 
{
    width: 14px;
    height: 14px;
    background: url(img/surveyfolders/cogwheel.png) no-repeat;

	cursor: pointer;
    display: block;    
}

.GridStyleParentNew td.survey-name-hover {
    background-color: #EEEEEE;
    cursor: pointer;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

.GridStyleParentNew td.survey-checkbox-hover {
    background-color: #EEEEEE;
    cursor: pointer;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
}

.GridStyleParentNew td.survey-context-menu{
    background-color: #EEEEEE;
    cursor: pointer;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

.GridStyleParentNew td.survey-context-menu-checkbox {
    background-color: #EEEEEE;
    cursor: pointer;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
}

.survey-folder-menu 
{
    width: 400px;
    font-family: Arial;
}
        
.survey-folder-menu .menu-item {
    border-right: 1px solid #BEBEBE;
    width: 50%;
}
       
.survey-folder-menu .menu-item img {
    vertical-align: middle;
} 

.survey-folder-menu .menu-item a {
    text-decoration: none;
    padding: 3px 5px;
    color: black;
    display: block;
    font-family: Arial;
    font-size: 12px;
}
        
.survey-folder-menu .menu-item a:hover {
    color: white;
}
        
.survey-folder-menu .menu-item:hover {
    color: white;            
    background-color:  #2070A1;
    cursor: pointer;
}
        
.survey-folder-menu .menu-table {
    border: 2px solid transparent;
    width: 100%;
}

.survey-folder-menu .menu-item .menu-comment {
    display: block;
    font: 11px Arial;
    font-style: italic;
    padding-left: 35px;
}
        
.contaner-survey-folders-tree {
    overflow: auto;
    max-height: 600px;
    width: 260px;
    padding-bottom: 15px;
    
}

.clsDisplayNone {
            display: none;
}

.folders-search-help-dialog {
    background: transparent !important;
    border: none !important;
}
.folders-search-help-dialog .ui-dialog-titlebar {
    display: none;
}


/*Survey context menu*/
.survey-contex-menu-dialog .survey-menu {
    padding: 0px !important;
    font-family: Arial;
}

.survey-menu img{
    vertical-align: middle;
}
.survey-menu .menu-item {
    /*width: 30%;*/
}
        
.survey-menu .menu-item .menu-comment {
    display: block;
    font: 11px Arial;
    font-style: italic;
    padding-left: 25px;
    font-family: Arial;
}
        
.survey-menu .menu-item2 {
    border-left: 1px solid #BEBEBE;
    border-right: 1px solid #BEBEBE;
    /*width: 40%;*/
            
}
        
.survey-menu a {
    text-decoration: none;
    padding: 2px 3px;
    padding-left: 5px;
    color: black;
    display: block;
    font-family: Arial;
    font-size: 12px;
}
        
.survey-menu a:hover {
    color: white;
    text-decoration: none;
}
        
.survey-menu  .menu-item:hover, .survey-menu .menu-item2:hover {
    color: white;            
    background-color:  #2070A1;
    cursor: pointer;
}

.survey-menu  .menu-table th {
    color: #ED7F40;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 5px;
}
.survey-menu  .menu-table {
    padding: 5px 5px;
}
        
.survey-contex-menu-dialog {
    background: transparent !important;
    border: none !important;
    *width: 520px !important;
}
.survey-contex-menu-dialog .ui-dialog-titlebar {
    display: none;
}

.table-actions {
    border: 1px solid #BEBEBE;
}
        
.table-actions td.action {
    padding: 5px;
}
.table-actions td.action-lbl {
    font-weight:bold
}
        
.table-header {
    margin-left: 3px;
}
.table-header td{
    background-color: white;
    font-size: 11px;
    text-align: center;
}
        
.table-header td img {
    padding-left: 1px;
}

.watermark {
    color: #B9BABC;
}

/* End survey folders style */
/* Start Context menu*/
.context-menu 
{
    position: absolute; 
    top: 0;
    width: 220px;
    display: none;
    background-color: white;
    padding: 5px;
    border: transparent 1px solid;    
}

.context-menu-opened 
{
    display: block;
    border: #41A1BF 1px solid;    
}

.context-menu-item:hover > a {
    color: white;
    display: block;
}

.context-menu-item-wrapper {
    background-color: white;
    color: black;
}

.context-menu-item-wrapper:hover {
    background-color: #41A1BF;
    color: white;
}

.context-menu-item-wrapper:hover > a {
    color: white;
}

.context-menu-item-text {
    display: table-cell; 
    vertical-align: middle;
    color: black;
}

.context-menu-item-text:hover 
{
    color: white;
}

.context-menu-wheel 
{
    float: right;
    display: none;
    /*border: transparent 1px solid;
    border-bottom: none;    */
}

.context-menu-wheel:hover
{
    cursor: pointer;
}

.context-menu-wheel-opened 
{
    float: right;
    /*border: black 1px solid;
    border-bottom: none;*/
}
/* End Context menu */


/********Start PreviewToolBarControl********/
.clspreviewToolBar {
    height: 41px;
    position: fixed;
    z-index: 10001;
    width: 500px;
}
    
.clspreviewToolBar .clsButton:hover {
    cursor: pointer;
}
.clspreviewToolBar .clsButton {
    width: 40px;
    height: 41px;
    float: left;
}
    
.clspreviewToolBar .clsPopupPart {
    width: 0px;
    height: 41px;
    float: left;
    overflow: hidden;
}
    
.clspreviewToolBar .clsPopupPart .center
{
    height: 41px;
    float: left;
    background: url("../Default/img/preview_toolbar/bg_center.png") repeat-x;
    background-position:left;
}
.clspreviewToolBar .clsPopupPart .right {
        
    height: 41px;
    width: 6px;
    float: left;
        
    background: url("../Default/img/preview_toolbar/bg_right.png") no-repeat;   
    background-position:left;
}

.clspreviewToolBar .clsButton .center-orange
{
    width: 34px;
    height: 41px;
    float: left;
    background: url("../Default/img/preview_toolbar/bg_center_orange.png") repeat-x;
    background-position:left;
}
    
.clspreviewToolBar .clsButton .left-orange
{
    width: 6px;
    height: 41px;
    float: left;
    background: url("../Default/img/preview_toolbar/bg_left_orange.png") no-repeat;   
    background-position:left;
        
}
    
.clspreviewToolBar .clsButton .open 
{
    width: 100%;
    height: 100%;
    background: url("../Default/img/preview_toolbar/arrow-left.png") no-repeat;
    background-position: 50% 50%;
}
    
.clspreviewToolBar .clsButton .close 
{
    width: 100%;
    height: 100%;
    background: url("../Default/img/preview_toolbar/arrow-right.png") no-repeat;
    background-position: 50% 50%;
}
    
.clspreviewToolBar .clsTablePopupContent {
    width: 294px;
}
    
.clspreviewToolBar .clsTablePopupContent td {
    padding: 3px 5px;
}

.clsExpirationWarning {
	padding: 0;
	border: 0;
}
/*********End PreviewToolBarControl********/

.modalDialogOverlay
  {
    display: inline;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: #000000;
    opacity: .2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    left: 0px;
    top: 0px;
    filter: Alpha(Opacity=20);
    z-index: 1000;
    overflow:auto;
  }

.surveyIsPublishedPopupForQuestion
{
    display: none;
    position: absolute;
    margin-top: 10px;
    margin-left: 140px;
}

.surveyIsPublishedPopupForQuestionIE7
{
    display: none;
    position: absolute;
    margin-top: 10px;
    margin-left: -160px;
}

.surveyIsPublishedPopupForOption
{
    display: none;
    position: absolute;
    margin-top: -5px;
    margin-left: 15px;
    width: 170px;
}

/*********** Tieke styles ************/

@font-face {
  font-family: 'CenturyGothic';
  src: url('fonts/CenturyGothic.eot'); /* IE9 Compat Modes */
  src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/CenturyGothic.woff') format('woff'), /* Modern Browsers */
       url('fonts/CenturyGothic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/CenturyGothic.svg#CenturyGothic') format('svg'); /* Legacy iOS */
}

.introduction-page {
    font-family: CenturyGothic;
    font-size: 14px;
}