/* Body*/
body
{
    margin: 0;
    font-family: Arial, Sans-Serif; 
    font-size: 10pt;
    color: black;
    background-color: #f6f6f6; /* d5d5d5 c5c5c5 cccccc*/  
    min-height:95% !important; 
}

/* Header */
.Loginbar
{
    width: 1087px;
    margin: 0 auto;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
    min-height: 20px;
}
.LoginBarItems
{
    margin-left: 15px;
    font-size: 9pt;
    font-weight: bold;
    color: #797979;
    border: none;
    background-color: transparent;
}
.header
{
    position: relative;
    width: 1100px;
    min-height: 80px;
    margin: 0 auto;
    background: white;
    padding: 0px 10px 0;
    padding-top: 15px; /*border-top-right-radius: 12px;     border-top-left-radius: 12px;*/
    border-right: 1px solid #ababab;
    border-left: 1px solid #ababab;
    border-top: 1px solid #ababab;
}
.hr-border
{
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #8c8c8c;
}

/* Navigation Bar */
.menubar
{
    position: relative;
    max-width: 1120px;
    min-width: 1120px;
    margin: 0 auto;
    background-color: rgb(0,114,198) /*#1ebed7*/;
    min-height: 30px;
    border-right: 1px solid #ababab;
    border-left: 1px solid #ababab;
    border-bottom: 1.2px solid #ababab;
    z-index: 9999;
}

.wrap-dashboard
{
    width: 1080px;
    margin: 0 auto;
    padding-left: 20px;
    z-index: -10 !important; /* IE7 ITEMS */
}

.divDashTop
{
    width: 1080px;
    margin: 0 auto;
    padding-left: 20px;
    clear: both;
    position: relative;
    height: 800px;
}


.divDashBottom
{
    width: 1080px;
    margin: 0 auto;
    padding-left: 20px;
    clear: both;
}

.dashboardTitle
{
    Color:#fff;
    Font-Size:17px;
    font-weight:bold;
    Padding:10px;
    text-align:center;
    line-height:20px;
    
    }
    
    .dashboardSubTitle
{
    Color:#fff;
    Font-Size:14px;
    font-weight:bold;
    text-align:center;
    line-height:20px;
    
    }
    
      .dashboardQuestion
{
    Color:#fff;
    Font-Size:12px;
    text-align:center;   
   
    
    }
    
    
    .DashboardLiveImage
    {
        display:block;
     background-color:#4b86b4;
     padding:20px;
     border: 2px solid #EAEAEA;            
     }
        
     .TrustDevice
    {
     display:block;
     background-color:#4b86b4;
     border: 2px solid #EAEAEA;
     padding:5px;
     
     }
    
    
     .DashboardInActiveImage
    {
     opacity: 0.4;
      filter: alpha(opacity=40); /* msie */
        
        }
    
    
.main-wrapper
{
    width: 1100px;
    margin: 0 auto;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    min-height: 650px; /*border-bottom-right-radius: 12px;     border-bottom-left-radius: 12px;*/
    border-bottom: 1px solid #ababab;
    border-right: 1px solid #ababab;
    border-left: 1px solid #ababab;
}

/* ***************NEW NAVIGATION  ************   */

/* Navigation Bar */
.menubar
{
    position: relative;
    max-width: 1120px;
    min-width: 1120px;
    margin: 0 auto;
    background-color: #0F70B7 ; /* #1ebed7*/;
    border-right: 1px solid #ababab;
    border-left: 1px solid #ababab;
    z-index: 9999;
    padding:0px;
       
}

#nav
{
    display: inline-block; /*font-size: 11pt;*/
    list-style: none;
    margin: 0 auto;
    position: relative;   
    width: 1120px;    
    padding-left: 40px;
   margin-top:0px;
}
#nav li
{
    float: left;
    margin-right: 10px;
    position: relative;
    width: 160px; /*160px*/
    text-align: center;
    display:block;
}

#nav li a
{
    padding-top:58px;
    text-decoration:none;
    color:#fff;
}

/*MENU ICONS*/

#nav li#Home
{
    display:block;
    background: rgba(255,255,255,0);
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Dashboard.png");    
    background-position:top;
    background-repeat:no-repeat;
}

#nav li#Home:hover
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Dashboard_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}


.HomeActive
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Dashboard_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}

#nav li#Survey
{
    display:block;
    background: rgba(255,255,255,0);
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Survey.png");
    background-position:top;
    background-repeat:no-repeat;
}

#nav li#Survey:hover
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Survey_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}

.SurveyActive
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Survey_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}

#nav li#Report
{
    display:block;
    background: rgba(255,255,255,0);
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Report.png");
    background-position:top;
    background-repeat:no-repeat;
}

#nav li#Report:hover
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Report_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}

.ReportActive
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Report_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}


#nav li#Admin
{
    display:block;
    background: rgba(255,255,255,0);
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/Administration.png");
    background-position:top;
    background-repeat:no-repeat;
}

#nav li#Admin:hover
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
   background-image:url("../img/MenuIcons/Administration_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}

.AdminActive
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
   background-image:url("../img/MenuIcons/Administration_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}
 

#nav li#Users
{
    display:block;
    background: rgba(255,255,255,0);
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/UserAccounts.png");
    background-position:top;
    background-repeat:no-repeat;
}

#nav li#Users:hover
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/UserAccounts_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}

.UsersActive
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/UserAccounts_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}


#nav li#AppHelp
{
    display:block;
    background: rgba(255,255,255,0);
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image :url("../img/MenuIcons/Help.png");
    background-position:top;
    background-repeat:no-repeat;
}

#nav li#AppHelp:hover
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/help_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}

.AppHelpActive
{
    display:block;
    background:#1A91C7;
    line-height:25px;
    width:160px;
    padding-top:58px;
    background-image:url("../img/MenuIcons/help_hover.png");
    background-position:top;
    background-repeat:no-repeat;
}


/* Menu submenu elements*/

.nav-add
{
    width: 100% !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
#nav li ul
{
    
   background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */


    }
    
  #nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}

#nav li ul li a
{
    text-decoration:none;
    padding:0px;
    margin:0px;
    
    }
#nav li ul li
{
    background:rgb(0,114,198);
    border-bottom:1px solid #fff;
    border-top:1px solid #fff;
    left: -40px;
    padding:0px;
    height:25px;
    margin:0px;
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
    
    }

#nav li ul li:hover
{
     background:#1A91C7;
  }








/*   NAVIGATION ENDS HERE */


/* Footer */
.footer
{
    position: relative;
    width: 1100px;
    min-height: 55px;
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 7px;
}
.footnote
{
    font-size: 8pt;
    color: #4c4c4c;
    font-weight: bold;
    margin-bottom: 10px;
}
.footnoteside
{
    font-size: 8pt;
    color: gray;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 17px;
}
.footnoteitems
{
    color: Blue;
}

/* Colors */
.color-blue
{
    color: #0072C6;
}
.color-grey
{
    color: #8c8c8c;
}
.color-back-grey
{
    background: #f6f6f6 !important;
}

/* Alignment */
.left
{
    float: left;
}
.left2
{
    float: left;
}
.right
{
    float: right;
}
.right2
{
    float: right;
}
.centre-align
{
    text-align: center;
}

.SubHeader
{
    line-height: 30px;
    color: #0072C6;
    font-size: medium;
}

/* Containers */

.login-wrapper
{
    width: 400px;
    margin: 0 auto;
    margin-top: 60px;
    height: 350px;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px; /*border-radius: 8px;*/
    border: 1px solid #ababab;
}
.wrap-login
{
    width: 370px;
    margin-top: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    height: 281px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.wrap_Survey
{
    padding: 0px 20px;
width: 651px;
    margin: 0 auto;
    line-height: 14pt;
}
.wrap-Prelim
{
    width: 600px;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 80px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.wrap-half
{
    width: 500px;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    overflow: auto;
}
.wrap-half-survey
{
    width: 500px;
    margin: 0 auto;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    overflow: auto;
    min-height: 620px;
}
.wrap-half2
{
    min-height: 180px;
    padding-bottom: 10px;
    overflow: auto;
}

.wrap-report
{
    min-width: 1000px;
    margin: 0 auto;
    padding-left: 10px;
    padding-bottom: 40px;
}
.wrap-survey-menu
{
    background: #f6f6f6;
    width: 1098px;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #e9e9e9;
}
.wrap-report-menu
{
    background: #f6f6f6;
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #e9e9e9;
}

.wrap-btn_data_extract
{
    background: #CCC;
    width: auto;
    margin: 0 auto;
    padding: 10px 10px 10px 10px;
    border: 1px solid #e9e9e9;
}
.wrap-report-child
{
    width: 1176px;
    margin: 0 auto;
}
.wrap-login_tabs
{
    width: 440px;
    margin: 0 auto;
    margin-top: 100px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.wrap-error
{
    width: 400px;
    margin: 0 auto;
    margin-top: 100px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.wrap-session-main
{
    width: 400px;
    margin: 0 auto;
    margin-top: 60px;
    min-height: 320px;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px; /*border-radius: 8px;*/
    border: 1px solid #ababab;
    margin-bottom: 10px;
}
.wrap-session
{
    width: 370px;
    margin: 0 auto;
    margin-top: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.wrap-resetmain
{
    width: 400px;
    margin: 0 auto;
    margin-top: 60px;
    min-height: 140px;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px; /*border-radius: 8px;*/
    border: 1px solid #ababab;
}
.wrap-resetchild
{
    width: 370px;
    margin: 0 auto;
    margin-top: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.wrap-changemain
{
    width: 400px;
    margin: 0 auto;
    margin-top: 60px;
    height: 440px;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px; /*border-radius: 8px;*/
    border: 1px solid #ababab;
}
.wrap-changechild
{
    width: 370px;
    margin: 0 auto;
    margin-top: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}


.wrap-DataExtractLogin
{
    background: #ff9999;
    border: 1px solid red;
    padding: 10px 10px;
    color: White;
}

/* Controls */

.RadListBox .rlbItem
{
    border-bottom: 1px dotted #81BEF7 !important;
    border-left: 10px solid #81BEF7;
}

.CreateQuestion-btn
{
    height: 25px;
    width: 135px;
    margin-top: 3px;
    background-color: #f6f6f6; /*border: 1px solid #c2c5c9;*/
    border: none;
}
.AddAltText-btn
{
    height: 25px;
    width: 175px;
    margin-top: 3px;
    background-color: #f6f6f6; /*border: 1px solid #c2c5c9;*/
    border: none;
}
.CreateSurvey-btn
{
    height: 25px;
    width: 100px;
    margin-top: 3px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
}
.Report-btn
{
    width: 60px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
}

.Report_Filters
{
    width: 900px;
}

.Report_Filters td
{
    padding: 5px 5px;
    border-bottom: 1px solid #c2c5c9;
    border-left: 1px solid #c2c5c9;
    border-right: 1px solid #c2c5c9;
}

.normal-btn
{
    min-width: 130px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    padding-left: 0 !important;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    font-size: inherit;
}
.normal-textbox
{
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 0;
    margin-bottom: 5px;
    font-size: inherit;
    border: 1px solid gray;
}
.normal-multitextbox
{
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    margin-bottom: 5px;
    font-size: inherit;
    border: 1px solid gray;
}
.small-textbox
{
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0;
    margin-bottom: 5px;
    font-size: inherit;
}
.small-DDL
{
    width: 210px;
    padding-left: 8px;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.Survey-btn
{
    height: 25px;
    width: 100px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    -webkit-appearance: none;
}

.BtnSurvey123 {
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 0px 0px 0px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 19px;
  background: #0074CC;
  border: solid #1f628d 0px;
  text-decoration: none;
  width:10%;
  text-align:center;
}

.BtnSurvey123:hover {
 background: #54b5ff;
  text-decoration: none;
}

/*
.BtnSurvey123
{
    height: 25px;
    width: 100px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    -webkit-appearance: none;
}
*/
.Account-btn
{
    height: 25px;
    width: 60px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
}
.Publish-btn
{
    background-color: white /*#f6f6f6*/;
    border: 1px solid #c2c5c9;
}
.Question-btn
{
    height: 25px;
    width: 58px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
}
.Standard-DDL
{
    width: 210px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 105;
}
.Prelim-DDL
{
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.SurveyQuestionTitle
{
    position: relative;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 8px;
    font-size: 10pt;
    background: white;
    border-bottom: 1px solid #0072C6;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 25px;
    color: #0072C6;
}
.SurveyQuestion
{
    position: relative;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 8px;
    font-size: 10pt;
    background: white;
    border-bottom: 1.5px solid #cccccc;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 21px;
}
.Label-survey
{
    width: 180px;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.input-survey
{
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    border: 1px solid gray;
    font-size: inherit;
    min-width: 200px !important;
}
textarea
{
    resize: none;
    font-family: Arial;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}
.no-button
{
    border: none;
    padding: 0 0 0 0;
    background: none;
}
.Link-btn
{
    height: 25px;
    width: 25px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    text-align: center;
    font-size: small;
}
.Grid-Header
{
    max-width: 1070px;
    margin-top: 10px;
    padding-left: 2px;
    padding-right: 2px;
}
.Grid-Footer
{
    max-width: 1070px;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
}
.Grid-Container
{
    max-width: 1100px;
    padding-left: 12px;
    min-height: 580px;
    overflow: auto;
}
.Grid-Container-Survey1
{
    min-width: 1030px;
    padding-left: 12px;
    height: 120px;
    overflow: auto;
    margin-bottom: 20px;
}
.Grid-Container-Survey2
{
    max-width: 1100px;
    padding-left: 12px;
    min-height: 630px;
    overflow: auto;
}
.Grid-Footer-Survey
{
    max-width: 1075px;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: auto;
}
.ListLinkButtons
{
    color: #8c8c8c;
}
.Hdn_Btn
{
    display: none;
}

/* Notification Labels */
.Notification
{
    position: relative;
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 10pt;
}
.Notification-Label
{
    margin-left: 35px;
    padding-left: 10px;
    position: relative;
    padding-left: 20px;
    display: inline-block;
    line-height: 25px;
    color: Red;
    top: 0px;
    left: 0px;
}
.notify-warning
{
    background: #ffffb2;
    border: 1px solid #e5e500;
    color: Black;
}
.notify-succes
{
    background: green;
    border: 1px solid green;
    color: White;
}
/**/
.notify-error
{
    background: #ff9999;
    border: 1px solid #fd6a55;
    color: Black;
    top: 1px;
    left: 0px;
    width: 347px;
}

.notify-error2
{
    background: #ff9999;
    border: 1px solid #fd6a55;
    color: Black;
    height:20px;
    padding:10px;
    margin-top:5px;
}

/* #ff3232*/
.notify-correct
{
    background: #cce5cc;
    border: 1px solid #4ca64c;
    color: Black;
}


.STypeBox_Online_S
{
    width: 15px;
    height: 15px;
    border: 1px solid #F2184B;
    background-color: #f9a2b7;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}
.STypeBox_Online_M
{
    width: 15px;
    height: 15px;
    border: 1px solid #184BF2;
    background-color: #a2b7f9;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}
.STypeBox_Email
{
    width: 15px;
    height: 15px;
    border: 1px solid #4BF218;
    background-color: #b7f9a2;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}
.STypeBox_PDF
{
    width: 15px;
    height: 15px;
    border: 1px solid #BF18F2;
    background-color: #e5a2f9;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}
.STypeBox_SMS
{
    width: 15px;
    height: 15px;
    border: 1px solid #F2BF18;
    background-color: #f8df8b;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}
.STypeBox_Title
{
    width: 15px;
    height: 15px;
    margin-right: 10px;
    padding-left: 2px;
}

.push-right-410
{
    margin-left: 410px;
}
.push-right-10
{
    margin-left: 5px;
}
.push-left-10
{
    margin-right: 5px;
}
/* Line Heights */
.LineHeight-30
{
    line-height: 30px;
}
.LineHeight-20
{
    line-height: 20px;
}

/* Table Custom */
.box-table-a
{
    font-family: Arial;
    font-size: 12.5px;
}
.box-table-a th
{
    border: 1px solid #c2c5c9;
    padding-top: 6px;
    padding-bottom: 6px;
}
.box-table-a td
{
    border: 1px solid #c2c5c9;
}


.box-table-a td
{
    border: 1px solid #c2c5c9;
}


.box-table-b
{
    font-family: Arial;
    font-size: 12px;
    margin-right: 108px;
}
.box-table-b th
{
    border: 1px solid #c2c5c9;
    border-left: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding-top: 6px;
    padding-bottom: 6px;
}
.box-table-b td
{
    border: 1px solid #c2c5c9;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.box-table-c
{
    font-family: Arial;
    font-size: 11.5px;
}
.box-table-c th
{
    border: 1px solid white;
    border-left: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding-top: 6px;
    padding-bottom: 6px;
}
.box-table-c td
{
    border: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}



.table-padding
{
    padding-left: 10px;
    padding-right: 3px;
    height: 30px;
}


.table-padding-image
{
    padding-left: 20px;
    padding-top: 2px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > tr
{
    background-color: rgb(0,114,198);
    color: White;
}

.table-hover-b > tbody > tr:hover > td, .table-hover-b > tbody > tr:hover > tr
{
    background-color: #f6f6f6;
    color: Black;
}

.AltQRow
{
    background-color: #f6f6f6;
    color: Black;
}

.AltQTextRow
{
    background-color: #ECECEC;
    color: Black;
}

.table-padding
{
    padding-left: 10px;
    padding-right: 3px;
    height: 30px;
}

.header-tasks
{
    background-color: White;
}














.Image-Chk
{
    vertical-align: middle;
    padding-bottom: 5px;
}



/* Rad Text Editor */
.reLeftVerticalSide, .reRightVerticalSide, .reToolZone, .reToolCell
{
    background: white !important;
}

.reToolCell
{
    display: none\9 !important; /* for all versions of IE in order to prevent border bottom disappearing */
}

.reContentCell
{
    border-width: 0 !important;
}

.formInput
{
    border: solid 1px black;
}

.RadEditor
{
    filter: chroma(color=c2dcf0);
}

.reWrapper_corner, .reWrapper_center
{
    display: none !important; /* for FF */
}


td.reWrapper_corner, td.reWrapper_center
{
    display: block\9 !important; /* for all versions of IE */
}
.White-background
{
    color: White important!;
    background-color: White !important;
}


.gridview_footer
{
    background-color: #fff;
    height: 40px;
    padding: 2px;
    margin: 2% auto;
}
.gridview_footer a
{
    margin: auto 1%; /*border-radius: 50%;*/
    background-color: #8c8c8c;
    padding: 5px 10px 5px 10px;
    color: #fff;
    text-decoration: none;
    border: none !important;
    border: none;
    border-style: none;
}
.gridview_footer span
{
    background-color: #0072C6;
    color: #fff; /*border-radius: 50%;*/
    padding: 5px 10px 5px 10px;
}

a > img
{
    border: 0;
}

.cbx_pagebreaks
{
    display: inline-block;
    padding-left: 25%;
}

.OrderLinkButtons
{
    color: #8c8c8c;
    text-align: center;
    padding-left: 15%;
}

.breakrow
{
    border-top: 10px;
}

.Arrows
{
    padding-left: 15%;
    padding-top: 5%;
}


.ArrowUp
{
    width: 18px;
    height: 18px;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
}

.ArrowDown
{
    width: 18px;
    height: 18px;
    float: right;
    display: inline-block;
    padding-right: 15%;
    background-repeat: no-repeat;
}






.Buttons
{
    padding-left: 2%;
    padding-top: 10%;
    width: 100px;
}



.RemoveQuestion
{
    width: 18px;
    height: 18px;
    float: right;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    padding-right: 1%;
    vertical-align: middle;
}


.AlternativeQuestions
{
    float: right;
    display: inline-block;
    vertical-align: middle;
    padding-right: 1%;
}

.EditQuestion
{
    width: 18px;
    height: 18px;
    float: right;
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 10%;
    vertical-align: middle;
}

.ShowResponses
{
    width: 18px;
    height: 18px;
    float: right;
    background-repeat: no-repeat;
    vertical-align: middle;
    padding-right: 10%;
}

.QuestionText
{
    float: left;
    display: inline-block;
    vertical-align: middle;
    padding-right: 2%;
}

.ResponseGrid
{
    float: left;
    padding-top: 20px;
}


.UpdatePanelmodal
{
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.UpdatePanelcenter
{
    z-index: 1000;
    margin: 0 auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.UpdatePanelcenter img
{
    height: 128px;
    width: 128px;
}


.loadDiv
{
    width:1000px; 
    height:1000px;
    background-color:#000000; 
    color:#ffffff;
    background-image:url("..\img\Survey\Loading.gif");
   vertical-align:top;
   
    }
.DashboardTile
{
    border:1px solid #0F70B7;
    width:550px;
    height:400px;
    text-align:center;  
    
    
    }
    
    
    .TilePopup
{
    
    width:550px;
    height:400px;
    padding:10px;
    
    
    }
    
    .DashboardTile2
{
    border:1px solid #0F70B7;
    width:550px;
    height:400px;
    text-align:center;  
    
    
    }
    
.DashboardTask
{
    background:#1A91C7;
    color:#fff;
    height:40px;
    padding-left:20px;
    font-weight:bold;
     width:150px;
    

}

.UpdateDashboardTrustMessage
{
    background:#1A91C7;
    color:#fff;
    height:40px;
    padding-left:20px;
    font-weight:bold;
     border:solid 1px #1A91C7;
    

}

.DashboardMessageHeader
{
    background:#0F70B7; 
 height:30px;
  color:White;
   padding:10px; 
   font-size:15px; 
   font-weight:bold
    
    }

.DashboardSettingMessage
{
    padding:10px; 
    background-color:#20a2dd;
     font-weight:bold;
      color:#ffffff;
       height:40px;
    
    }

.DashboardNumber
{
    background:#fff;
    color:#8B8D8E;
    height:40px;
    text-align:center;
    font-weight:bold;
     width:30px;
      border-top:1px #1A91C7 solid;
      border-bottom:1px #1A91C7 solid;
}

.DashboardPlannerTitle
{
    background:#0F70B7;
    color:#fff;
    height:40px;
    padding-left:30px;
    font-weight:bold;
    width:100px;
     }
.taskLink
{
    text-decoration:none;
    color:#1A91C7;
    
    }

.DashboardSettingButton
{
    background:#0F70B7;
    color:#fff;
    height:20px;
    width:200px;
    text-align:center;
    font-weight:bold;
    border-left:2px solid #fff;
    padding:10px;
}

.DashboardTrustMessage
{
    background:#fff;
    color:#000;
    text-align:center;
    font-style:italic;
    border:1px solid #EAEAEA;
    
    font-size:14px;
    line-height:20px;
    background:#EDEDED
   
}
.DashboardEmail
{
      width:100px;
      height:80px;
      text-align:center;
      
    
    
    }
    
    .DashboardImage
    {
        float:left; 
width:100px;
height:80px;
    }
    
    .DashboardMessage
    {
        float:right;
         height:auto;
        padding:10px;
        width:980px;
        
        }
        
        
       .TileHeader
       { 
           background:#0F70B7;
            height:70px;
             padding:10px; 
             color:White; 
             vertical-align:middle;
              text-align:center;
       }
    
.ExportAll
{
    width:auto;
    
    }

.lblsurveyref
{
    padding-left: 10px;
    padding-right: 12px;
}

.tbxdeleteguid
{
    margin-left: 10px;
}

.pnlsearchoptions
{
    height: 320px;
}

.buttonsguids
{
    position: static;
    padding: 15px 40px 20px 15px;
    float: right;
    height: 30px;
}


.lblsearchoptioons
{
    color: #0072C6;
    font-size: large;
}
.lblsearchoptions
{
    padding-top: 20px;
    padding-left: 5px;
}

.btnimportguidsfromexcel, .btnimportreffromexcel
{
    float: right;
}

.btndelete
{
    margin-left: 11px;
    float: left;
}




.btnsearch
{
    margin-right: 20px;
    float: right;
}

.btnsearch1
{
    float: right;
    margin-top: 10px;
    margin-right: 7px;
}

.btnsearchicon
{
    padding-top: 4px;
    padding-left: 15px;
    padding-right: 7px;
    float: right;
}



.line-separator1
{
    padding-top: 3px;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 43px;
    margin-bottom: 5px;
}

.line-separator2
{
    padding-top: 7px;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 18px;
}
.btnsearchguids
{
    float: right;
    margin-right: 26px;
    width: 122px;
    margin-top: 8px;
}

.btnsearchexcel
{
    margin-top: 15px;
    margin-right: 98px;
    float: right;
}

.tabletitles
{
    position: relative;
    width: 99%;
    padding: 3px;
    text-align: center;
    align-self: center;
    display: block;
    background-color: #F3F3F3;
    font: 18px Helvetica;
    border: 2px solid lightgray;
    color: gray;
}

.btn_refresh
{
    float: right;
    padding-top: 3px;
    margin-right: 5px;
}


.deleterow
{
    background-color: #FF6600;
    color: white;
}
.normalrow
{
    background-color: white;
    color: black;
}

.btn_searchtbx
{
    margin-left: 7px;
}

.divbuttons
{
    float: left;
}

.btn_list
{
    padding: 6px 7px 0px 15px;
    float: right;
}



.UpdateProgress1
{
    float: left;
    margin-right: 200px;
}

.divpnlsearch
{
    position: relative;
    padding-top: 20px;
}


.divcaptcha
{
    position: absolute;
    top: 40%;
    left: 50%;
    width: 260px;
    height: 225px;
    margin-left: -140px;
    margin-top: -80px;
    z-index: 1000;
    background-color: White;
    padding: 15px 15px 15px 15px;
    border: 6px solid #e68a00;
}

.divkapback
{
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
}
.lbl_capcha
{
    float: left;
    padding-left: 40px;
    padding-top: 10px;
    color: Red;
}


.pagenumber
{
    height: 24px;
    width: 24px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    text-align: center;
    font-size: small;
}

.table-padding-divguids
{
    height: 30px;
    border: 1px doted #c2c5c9;
}


.table-hover-c > tbody > tr:hover > td, .table-hover-c > tbody > tr:hover > tr
{
    background-color: #f6f6f6;
    color: Black;
}
.box-table-c
{
    font-family: Arial;
    font-size: 12px;
    margin-right: 108px;
}
.box-table-c th
{
    border: 1px solid #c2c5c9;
    border-left: 1px solid #c2c5c9;
    border-left: 1px solid #c2c5c9;
    border-right: 1px solid #c2c5c9;
    padding-top: 6px;
    padding-bottom: 6px;
}
.box-table-c td
{
    border: 1px solid #c2c5c9;
    border-left: 1px solid #c2c5c9;
    border-right: 1px solid #c2c5c9;
}

.Notification-Label-DelGuids
{
    padding-left: 35px;
    display: inline-block;
    line-height: 25px;
    color: Black;
    top: 5px;
    padding-right: -70px;
    max-width: 96.9%;
}

.IE_btn_list
{
    /* padding-top:10px;         float: right;     background-color:Red;*/
}

.IE_btnsearchicon
{
    /*padding-top: 4px;     padding-left: 15px;     padding-right: 7px;     float: right;*/
}

.IE_btndelete
{
    /* margin-left: 11px;*/
    float: left;
}


.IE_buttonsguids
{
    float: left;
    padding-top: 150px;
    width: 100px;
    height: 100px;
    color: Red; /*     position: static;              height: 30px;*/
}
.MediaPlayer
{
    margin-top: 1%;
}


.fixedcolumn
{
    border-left: 1px solid #828282 !important;
    border-right: 1px solid #828282 !important;
}

.RadGrid
{
    /*works in IE*/
    word-break: break-word;
}

.RadGrid td
{
    /*works in Firefox*/
    overflow: hidden;
}


.gridbuttons
{
    vertical-align: middle;
}

.btndeletetasksmaster
{
    margin: auto;
    padding: 2px;
}

.Grid, .Grid th, .Grid td
{
    border: 1px solid #ccd9ff;
    border-left: 1px solid #ccd9ff;
    border-left: 1px solid #ccd9ff;
    border-right: 1px solid #ccd9ff;
    padding-top: 6px;
    padding-bottom: 6px;
}

.box-table-c2
{
    font-family: Arial;
    font-size: 11.5px;
}
.box-table-c2 th
{
    border: 1px solid #ccd9ff;
    border-left: 1px solid #ccd9ff;
    border-left: 1px solid #ccd9ff;
    border-right: 1px solid #ccd9ff;
    padding-top: 6px;
    padding-bottom: 6px;
}
.box-table-c2 td
{
    border: 1px solid #ccd9ff;
    border-left: 1px solid #ccd9ff;
    border-right: 1px solid #ccd9ff;
}



.pending
{
    background-color: #0000ff;
    color: White;
    font-weight: bold;
}
.overdue
{
    background-color: #ff0000;
    color: White;
    font-weight: bold;
}
.cancelled
{
    background-color: #737373;
    color: White;
    font-weight: bold;
}
.complete
{
    background-color: #009900;
    color: White;
    font-weight: bold;
}

{
    margin-top: 1%;
}


.Title1S1
{
    font-size: "10pt" !important;
    color: #0072C6;
}

.Title2S1
{
    font-size: "11pt" !important;
    color: #8c8c8c;
}

.TextS1
{
    font-size: "10pt" !important;
}

.line
{
    display: none;
}




#progressbar
{  
    background-color: White;
    border-radius: 5px;
    margin-bottom: 1em;
}

.bar
{
    background-color: #0072C6;
    height: 0.5em;
    border-radius: 20px;
    background: repeating-linear-gradient(   135deg,   #0072C6,   #0072C6 5px, #e6f4ff 5px,  #e6f4ff 10px );
}
.bar2
{
    background-color: #e6f4ff;
    width: 100%;
    height: 0.5em;
    border-radius: 2px;
}

.lbl_progbar
{
    text-align: center;
    color: #0072C6;
    font-weight: bold;
    margin-bottom: 0.3em;
}

#DivPrelimLabels
{
    float: left;
    width: 20%;
}

#DivPrelimDropDowns
{
    float: right;
    width: 80%;
}

.PrelimTable
{
    width: 100%;
}
.Prelim-DDL
{
    float: left;
    width: 75%;
}

.PrelimLabels
{
    width: 100px;
    margin-top: 5px;
}

#DivPrelimLabels
{
    margin-bottom: 20px;
}

.centre-align2
{
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}


.updatepanel
{
    background-color:Red;
}


.BtnSurvey123 {
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 0px 0px 0px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  background: #0074CC;
  border: solid #1f628d 0px;
  text-decoration: none;
  width:25%;
  text-align:center;
}

.BtnSurvey123:hover {
 background: #54b5ff;
  text-decoration: none;
}