.top-buffer { margin-top:20px; }
.row {
	min-height: 20px;
}
.validations{
	color:red;
}

.mainDiv{
	height:80%;
}
.e2cHide{
	border: 0 none !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.surveyTextArea{
	width: 100%;
	height: 50%;
}

.surveyDropdown{
	width: 100%;
}

.sideDiv{
	height:80%;
	vertical-align: middle !important;
}

.main-content{
	height:80%;
}

a.soundPlayer{
	display: inline-block;
	margin-left: 10px;
	color: #777;
}

.soundPlayerStopped {
	background-image: url('img/speaker_stopped.gif');
	width: 16px;
	height: 16px;
}

.soundPlayer > .playing {
	background-image: url('img/speaker_playing.gif');
	width: 16px;
	height: 16px;
}

.soundPlayer:hover{
	cursor:pointer;
}

div.progressArrow{
	background-image: url('img/arrow_right.png') ;
	background-size:contain;
	height:64px;
	width:64px;
	display:none;
}

div.progressArrow:hover{
	background-image: url('img/arrow_right_hover.png') ;
}

div.previousArrow{
	background-image: url('img/arrow_left.png') ;
	background-size:contain;
	height:64px;
	width:64px;
	display:none;
}

div.previousArrow:hover{
	background-image: url('img/arrow_left_hover.png') ;
}

div#submenus_wrapper                    {
                                            margin: 5px auto 15px auto;
                                            text-align: center;
                                        }
ul.submenus                             { margin: 0px auto 0px auto }
ul.submenus li                          {
                                            border-right: 1px solid #3027AE;
                                            padding-right: 5px;
                                            float: left;
                                            display: inline;
                                        }
ul.submenus li a                        {
                                            color: #D94527;
                                            display: block;
                                            margin: 0px 3px 0px 3px;
                                            text-decoration: none;
                                        }
ul.submenus li.first                    { border-left: 1px solid #3027AE }
ul.submenus li a:hover                  {
                                            color: #AAF;
                                            background-color: #DDD;
                                        }
ul.submenus li a.selected               {
                                            color: #AAF;
                                            background-color: #DDD;
                                            cursor: default;
                                        }
div#SubMenu ul#SubMenuWrapper           { list-style-type: none }
div#SubMenu ul#SubMenuWrapper li        {
                                            margin: 15px auto 0px auto;
                                            background-image: url(images/bg.png);
                                            background-repeat: repeat-x;
                                            background-position: bottom;
                                            z-index: -10;
                                        }
div#SubMenu ul#SubMenuWrapper li a      {
                                            text-decoration: none;
                                            color: #444444;
                                            font-size: 14pt;
                                            display: block;
                                            border: 1px solid #D5D5D5;
                                            border-radius: 5px;
                                            padding: 17px 0px 0px 100px;
                                            background-repeat: no-repeat;
                                            background-position: left center;
                                        }
div#SubMenu ul#SubMenuWrapper li a:hover
                                        {
                                            background-color: #D94527;
										    color: white;
                                            border: 1px solid #AACCDF;
                                        }

div#SubMenu ul#SubMenuWrapper li a.SELECT_LANGUAGE_ENGLISH
                                        { background-image: url('img/icons/United-States-Flag.png') }

div#SubMenu ul#SubMenuWrapper li a.SELECT_LANGUAGE_SPANISH
                                        { background-image: url('img/icons/Spain-Flag.png') }

div#SubMenu ul#SubMenuWrapper li a.SELECT_LANGUAGE_FRENCH
                                        { background-image: url('img/icons/French-Flag.png') }

div.Accept_Survey_Image
                                        { background-image: url('img/icons/icon_accept.png');
                                        	background-repeat: no-repeat;
                                        	min-height:32px;
                                        	background-position: right;}

div.Decline_Survey_Image
                                        { background-image: url('img/icons/icon_decline.png');
                                        	background-repeat: no-repeat;
                                        	min-height:32px;
                                        	background-position: right;
                                        	  }

div.accept_survey{
	cursor: pointer;
}

div.accept_survey:hover{
	cursor: pointer;
	color:#3027AE;
}

div.finish_survey{
	cursor: pointer;
}

div.finish_survey:hover{
	cursor: pointer;
	color:#3027AE;
}


div.decline_survey:hover{
	cursor: pointer;
	color:#3027AE;
}

div.blockUI.blockOverlay {
	width: 100%;
	max-width: 100%;
}

.ui-checkbox, .ui-radio {
    margin: 0 !important;
    margin-bottom: -1px !important;
    position: relative;  
}

div.list-group-item{
    padding:0 ;
    background-color:transparent;
}

.altpanel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}


    .btn-progress {
      color: #000;
      background-color: #dcdcdc;
      border-color: #204d74;
      min-width:115px;
    }

    .btn-progress:focus,
    .btn-progress.focus {
      color: #000;
      background-color: #cdcdcd;
      border-color: #204d74;
    }
    .btn-progress:hover {
      color: #000;
      background-color: #cdcdcd;
      border-color: #204d74;
    }
    .btn-progress:active,
    .btn-progress.active,
    .open > .dropdown-toggle.btn-progress {
      color: #000;
      background-color: #cdcdcd;
      border-color: #204d74;
    }
    .btn-progress:active:hover,
    .btn-progress.active:hover,
    .open > .dropdown-toggle.btn-progress:hover,
    .btn-progress:active:focus,
    .btn-progress.active:focus,
    .open > .dropdown-toggle.btn-progress:focus,
    .btn-progress:active.focus,
    .btn-progress.active.focus,
    .open > .dropdown-toggle.btn-progress.focus {
      color: #000;
      background-color: #d2d2d2;
      border-color: #204d74;
    }
    .btn-progress:active,
    .btn-progress.active,
    .open > .dropdown-toggle.btn-progress {
      background-image: none;
    }
    .btn-progress.disabled:hover,
    .btn-progress[disabled]:hover,
    fieldset[disabled] .btn-progress:hover,
    .btn-progress.disabled:focus,
    .btn-progress[disabled]:focus,
    fieldset[disabled] .btn-progress:focus,
    .btn-progress.disabled.focus,
    .btn-progress[disabled].focus,
    fieldset[disabled] .btn-progress.focus {
      background-color: #dcdcdc;
      border-color: #204d74;
    }
    .btn-progress .badge {
      color: #337ab7;
      background-color: #000;
    }