html, body {
    margin: 0;
    padding: 0; /*font-family: Tahoma;*/
    font-family: Verdana, Geneva, Tahoma, sans-serif; /*font-size: small;*/
    color: #333333;
}


/* Header */
.headerPane 
{
    /*background-color: #5B5971;*/
    background-position: left top;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 10px;
    background-color: rgb(91,89,113);
    background-image: -o-linear-gradient(top, rgb(91,89,113) 45%, rgb(78,86,133) 73%);
    background-image: -moz-linear-gradient(top, rgb(91,89,113) 45%, rgb(78,86,133) 73%);
    background-image: -webkit-linear-gradient(top, rgb(91,89,113) 45%, rgb(78,86,133) 73%);
    background-image: -ms-linear-gradient(top, rgb(91,89,113) 45%, rgb(78,86,133) 73%);
    box-shadow: 5px 5px 2px #888888;
    
}
.headerPane .headerTop
{
    /*height: 45px;*/
    width:100%;
    
}
.templateTitle 
{
    float:left;
    margin-left: 25px;
    margin-top: 5px;
}
.templateTitle a 
{
    text-decoration: none;
    font-size: x-large;
    color: black;
}
.loginControl 
{
    float: right;
    margin-top: 5px;
    margin-right: 25px;
    font-size: 12px;
    color: White;
}
.loginControl a 
{
    color: orange;
    text-decoration: none;
    border-bottom: dashed 1px black;
	display: inline-block;
}
.headerMenu 
{
    margin-top: 2px;
    margin-bottom : 2px;
    margin-left: 25px;
    float:left;
    text-align: left;
    width:100%;
    display: none;
}

.ProjectLink
{
    font-weight:bold;
	margin-bottom : 2px;
    color: #6699FF;
	font-size: 14px;
	text-align:left;
	cursor: pointer;
}

.ActionLogLink
{
    font-weight:bold;
	margin-bottom : 2px;
    color: #FFFFFF;
	font-size: 14px;
	text-align:left;
	cursor: pointer;
}

/* Content */
.contentMain
{
    /*background-image: url('Images/bk.png');*/
    /*background-repeat: repeat-x repeat-y;*/
     /*overflow-y: scroll;*/
}

.contentBody
{
    /*background-image: url('Images/bk.png');*/
    /*background-repeat: repeat-x repeat-y;*/
    
}

/* Footer */
.footerPane 
{
    background-color: #EDEDED;
    position:relative;
    /*height:100%;*/
}
.footerMenu {
    float: right;
    padding-top: 7px;
}
.copyright 
{
    text-align:center;
    margin-left: 15px;
    margin-top: 20px;
    color: rgb(78,86,133);
    font-weight: bold;
}

.content 
{
    padding: 5px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
}


/* Account */
.accountHeader h2 
{
    margin: 10px 0 7px 0;
    font-size: 16px;
}
.accountHeader p 
{
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.accountHeader 
{
    margin-bottom: 20px;
}
.form-field
{
    margin-bottom: 8px;
    
}

.loginContent
{
    background: white;
	border: 1px solid #6699FF;
	padding-left: 10px;
	padding-bottom: 40px;
	display:block;
	
}

.loginerror
{
    color: Red;
    font-weight: bold;
}
/* Project */
.project
{
	margin-left:10px;
	background: white;
	border: 1px solid #6699FF;
}

.projectheader
{
	background: Black;
	font-weight:bold;
	color: white;
	text-align:left;
	border-bottom: 2px solid #6699FF;
	height:30px;
}

.webpagecaption
{
    font-weight: bold;
}

/* Compare Questions Grid Control */
.compareGridColumn
{
    background-color: red;
    font-weight: bold;
    color: #6699FF;
}

/* QuestionControl */
.InnerQControl {
    width: 100%;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px; /*height: auto;*/
    border: 1px solid #6699FF;
    background-color: whitesmoke;
    -moz-border-radius: 1em 3em 1em 3em;
    border-radius: 1em 2em 1em 2em;
    box-shadow: 3px 3px 2px #888888;

}

.gridViewColumnLayoutWrap {
   white-space: normal;
   word-wrap:break-word
}

.QuestionLabel {
    font-size: small;
}

.EditFormControl
{
    float: right;
    padding-right: 5px;
}

.CaptionControl
{
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto; /*height: auto;*/
    background-color: white;
    font-size: large;
    font-weight: bold;
    border: 2px solid #6699FF;
    vertical-align: middle;
}

#ASPxPanel1 .CaptionControl
{
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto; /*height: auto;*/
    background-color: white;
    font-size: large!important;
    font-weight:  bold!important;
    border: 2px solid #6699FF;
    vertical-align: middle;
}



.filterlabel
{
    padding-left: 15px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: bold;
}

/* ImagePreview */
.EmbeddedImage
{
	cursor:pointer;
	height:150px;
	width:150px;
}

.errorLabel
{
    font-weight: bold;
    margin: 2px;
    color: Red;
   
}

.whitepanel
{
    width: 99%;
    background-color: White;
    padding: 0px;
    border: 2px solid Red;
}

.finishpanel
{
    width: 100%;
    margin-left: auto;
    margin-right: auto; /*height: auto;*/
    background-color: White;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 200px;
    border: 1px solid #6699FF;
}

.quest_controls {
    
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: Whitesmoke;
    height:20px;
    box-shadow: 2px 2px 2px #888888;
}

.childquestion_label {
    
    color: rgb(91,89,113);
    width: 100%;
    padding-left:10px;
    font-size: x-small;
    font-weight: bold;
}

.delete_button 
{
    float:right;
    margin-right: 10px;
}

/* Buttons */
.buttons
{
    float: right;
    margin: 0 0 20px;
}

.buttons .button
{
    float: left;
    margin-left: 10px;
}

.button {
    height: 27px!important;
    margin-left: auto;
    margin-right: auto;
}

/*
.button .dxbButton_DevEx {
    background-position: 0% 0%;
    border: 1px solid #CCCCCC;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCCCCC', endColorstr='#FFFFFF')";
    -ms-zoom: 1;
    zoom: 1;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(204,204,204)),color-stop(1, rgb(255,255,255)));
    background-color: #FAFAFA;
    background-repeat: repeat;
    background-attachment: scroll;
}


.button .dxbButtonHover_DevEx,
.button .dxbButtonPressed_DevEx {
    background-position: 0% 0%;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCCCCC', endColorstr='#FFFFFF')";
    -ms-zoom: 1;
    zoom: 1;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(204,204,204)),color-stop(1, rgb(255,255,255)));
    background-color: #FFFFFF;
    background-repeat: repeat;
    background-attachment: scroll;
}

.button .dxb {
    padding: 5px 6px 2px!important;
    color:  rgb(91,89,113);
    font-weight:bold;
    font-size: 10px;
}

.button .dxb img {
    padding: 2px 0 0;
}
*/


/*Progress Bar */
/*
.progress .dxeProgressBarIndicator_Metropolis
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background-position: 0% 0%;
    color: Orange;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4E5685', endColorstr='#4E82C8')";
    -ms-zoom: 1;
    zoom: 1;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #4E82C8), color-stop(0.73, #4E82C8) );
    background-color: rgb(78,86,133);
    background-repeat: repeat;
    background-attachment: scroll;
}
*/


.ProgressBar .dxeProgressBar_Metropolis
{
	background-color: #E0E0E0;
    border: 1px solid rgb(91,89,113);
}

.ProgressBar .dxeProgressBar_Metropolis, .dxeProgressBar_Metropolis td.dx {
    font: 12px 'Segoe UI' , Helvetica, 'Droid Sans' , Tahoma, Geneva, sans-serif;
    color: Orange;
}

.ProgressBar .dxeProgressBar_Metropolis .dxePBMainCell_Metropolis,
.ProgressBar .dxeProgressBar_Metropolis td.dx
{
	padding: 0;
}
.ProgressBar .dxeProgressBarIndicator_Metropolis
{
	background-color: #ff8800;
}

.ProgressBar .dxeProgressBarIndicator {
    border: thin solid #000080;
    background-position: 0% 0%;
    color: Orange;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4E5685', endColorstr='#4E82C8')";
    -ms-zoom: 1;
    zoom: 1;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #4E82C8), color-stop(0.73, #4E82C8) );
    background-color: rgb(78,86,133);
    background-repeat: repeat;
    background-attachment: scroll;
    font-style: normal;
    font-weight: bold;
    font-size: large;
    
}

.dxgvControl_DevEx, 
.dxgvDisabled_DevEx,
.dxgvPagerTopPanel_DevEx, 
.dxgvPagerBottomPanel_DevEx {
    /*border-color: #cdcdcd;*/
    border-color:  #6699FF;
     
}
 table.dxgvTable_DevEx 
{
    font-size: 8pt;
    color: #3D3D3D;
    border-color: #cdcdcd;
}
 table.dxgvTable_DevEx > tbody > tr:last-child > td.dxgv {
    border-bottom-color: #cdcdcd!important;
}

 table.dxgvTable_DevEx td.dxgvHeader_DevEx 
{
    height: 0;
    padding: 5px;
    background: #eeeeee;
    cursor: pointer;
    border-color: #cdcdcd;
}
 .dxgvHeader_DevEx td 
{
    font-size: 8pt;
    color: #333333;
    text-shadow: none;
}

 table.dxgvTable_DevEx .dxgvHeader_DevEx:first-child 
{
    border-radius: 0px 0 0;
}

 table.dxgvTable_DevEx .dxgv {
    font-weight: 400;
}

 .dxgvEditFormDisplayRow_DevEx td.dxgv, 
 .dxgvGroupFooter_DevEx td.dxgv, 
 .dxgvFooter_DevEx td.dxgv, 
 .dxgvDataRow_DevEx td.dxgv, 
 .dxgvDataRowAlt_DevEx td.dxgv, 
 .dxgvSelectedRow_DevEx td.dxgv, 
 .dxgvFocusedRow_DevEx td.dxgv 
{
    height: 0;
    padding: 4px;
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd!important;
}

 .dxgvEditFormDisplayRow_DevEx td.dxgv:last-child, 
 .dxgvGroupFooter_DevEx td.dxgv:last-child, 
 .dxgvFooter_DevEx td.dxgv:last-child, 
 .dxgvDataRow_DevEx td.dxgv:last-child, 
 .dxgvDataRowAlt_DevEx td.dxgv:last-child, 
 .dxgvSelectedRow_DevEx td.dxgv:last-child, 
 .dxgvFocusedRow_DevEx td.dxgv:last-child 
{
    border-right: 0px none!important;
}

 .dxgvDataRowAlt_DevEx,
 .dxgvPagerBottomPanel_DevEx 
{
    background: #eeeeee;
}

 .dxgvSelectedRow_DevEx,
 .dxgvDataRowHover_DevEx 
{
    cursor: pointer;
    color: White;
    text-shadow: 0 1px 1px #333333;
    
    /*background: #c6492a url("Images/pMenuBack.png") repeat-x;*/
    background-color : #6699FF;
    color: White;
}

 .dxgvSelectedRow_DevEx td.dxgv,
 .dxgvDataRowHover_DevEx td.dxgv 
{
    color: White !important;
}

 .dxgvSelectedRow_DevEx:nth-child(2n) .dxgvCommandColumn_DevEx
{
    background: White;
}
 tr.dxgvSelectedRow_DevEx:nth-child(2n+1) .dxgvCommandColumn_DevEx
{
    background: #eeeeee;
}

.dxgvEditForm_DevEx 
{
    background: #fafafa;
}
 .dxgvEditFormTable_DevEx .dxgvCommandColumn_DevEx 
{
    padding: 2px;
}
 .dxgvEditFormTable_DevEx .dxgvCommandColumn_DevEx a 
{
    font-size: 8pt;
    border: none;
}
 .dxgvEditFormTable_DevEx .dxgvCommandColumn_DevEx a:hover
{
    text-decoration: underline;
}
 .dxgvEditForm_DevEx td.dxgv 
{
    padding: 6px 10px 8px;
}
 .dxgvEditingErrorRow_DevEx 
{
    background: #ededed;
    color: Red;
}

/* Sprite Images */
 .dxGridView_gvHeaderSortUp_DevEx 
{
    background-image: url("Images/desc.png");
    background-position: 0;
    width: 7px;
    height: 4px;
}
 .dxGridView_gvHeaderSortDown_DevEx 
{
    background-image: url("Images/asc.png");
    background-position: 0;
    width: 7px;
    height: 4px;
}

 .dxgvCommandColumn_DevEx .dxWeb_edtCheckBoxUnchecked_DevEx
  .dxgvCheckBoxColumnColumn_DevEx .dxWeb_edtCheckBoxUnchecked_DevEx
{
    background-image: url("Images/checkbox_unchecked_s.png");
    background-position: 0;
    width: 13px;
    height: 14px;
}

 .dxgvCommandColumn_DevEx .dxWeb_edtCheckBoxChecked_DevEx
 .dxgvCheckBoxColumnColumn_DevEx .dxWeb_edtCheckBoxChecked_DevEx
{
    background-image: url("Images/checkbox_checked_s.png");
    background-position: 0;
    width: 13px;
    height: 14px;
}


/* Loading Panel */
 .dxgvLoadingPanel_DevEx,
 .dxcpLoadingPanelWithContent_DevEx
{
	
	font-size: 8pt;
	color: #3D3D3D;
	border: 1px solid rgba(0, 0, 0, 0.35);
	border-radius: 8px;
	border-collapse: separate !important;
	
	box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0px rgba(0,0,0,0.35);
	
	background-clip: content-box;
	-webkit-background-clip: content-box;
	-moz-background-clip: content-box;
}
 .dxgvLoadingPanel_DevEx td.dx,
 .dxcpLoadingPanelWithContent_DevEx td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 10px 8px;
	background-color: White;
}
 .dxgvLoadingPanel_DevEx td.dx:first-child,
 .dxcpLoadingPanelWithContent_DevEx td.dx:first-child
{
    border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    -webkit-border-radius: 7px 0 0 7px;
    
}
 .dxgvLoadingPanel_DevEx td.dx:last-child,
 .dxcpLoadingPanelWithContent_DevEx td.dx:last-child
{
    border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
}
 .dxgvLoadingPanel_DevEx td.dx:first-child:last-child,
 .dxcpLoadingPanelWithContent_DevEx td.dx:first-child:last-child
{
    border-radius: 7px;
    -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
}
 .dxgvLoadingPanel_DevEx td.dx + td.dx,
 .dxcpLoadingPanelWithContent_DevEx td.dx + td.dx
{
	-webkit-box-shadow: none;
}

/* Grid Pager */
 .dxpControl_DevEx 
{
    
    font-size: 8pt;
    color: #3D3D3D;
}

 .dxpControl_DevEx td.dxpCtrl
{
    padding: 5px 2px;
}

 .dxpSummary_DevEx 
{
    color: #3D3D3D;
}

 .dxpPageNumber_DevEx 
{
    color: #3D3D3D;
    padding: 1px 5px 0;
}

 .dxpPageSizeItem_DevEx
{
    color: #3D3D3D;
}

 .dxpComboBox_DevEx
{
    background-color: White;
    border-color: #616262 #919293 #B2B3B4;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
}
 .dxpComboBox_DevEx input
{
    color: #3D3D3D;
    
    font-weight: bold;
    font-size: 8pt;
    padding: 0px;
    margin: 0px 2px;
    border-width: 0px;
    background-color: transparent;
    width: 20px;
}

/* Pager Sprite Images */
 .dxWeb_pPrev_DevEx 
{
    background-image: url("Images/arrow_left.png");
    background-position: 0;
    width: 4px;
    height: 7px;
}
 .dxWeb_pPrevDisabled_DevEx 
{
    background-image: url("Images/arrow_left_disabled.png");
    background-position: 0;
    width: 4px;
    height: 7px;
}

 .dxWeb_pNext_DevEx 
{
    background-image: url("Images/arrow_right.png");
    background-position: 0;
    width: 4px;
    height: 7px;
}
 .dxWeb_pNextDisabled_DevEx 
{
    background-image: url("Images/arrow_right_disabled.png");
    background-position: 0;
    width: 4px;
    height: 7px;
}

 .dxWeb_pPopOut_DevEx,
 .dxWeb_pPopOutDisabled_DevEx
{
    background-image: url("Images/pArrowDown.png");
    background-position: 0;
    width: 13px;
    height: 11px;
    margin-right: 2px;
    border-radius: 2px;
}

 .dxWeb_pPopOutPressed_DevEx
{
    background-image: url("Images/pArrowDown_Pressed.png");
    background-position: 0;
    width: 13px;
    height: 11px;
    margin-right: 2px;
    border-radius: 2px;
}

/* Pager Classic Vertical SubMenu */
 .dxmSubMenu_DevEx
{
    color: #333333;
    font-weight: bold;
	font-size: 8pt;
	font-weight: bold;
	white-space: nowrap;
	background: White;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	padding: 5px 0;
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.35);
}
 .dxmSubMenuItem_DevEx,
 .dxmSubMenuItemSelected_DevEx,
 .dxmSubMenuItemHover_DevEx
{
    padding: 2px 20px 2px 4px;
}
 .dxmSubMenuItemSelected_DevEx,
 .dxmSubMenuItemHover_DevEx
{
   
    text-shadow: 0 1px 1px #333333;
    background-color : #6699FF;
    color: White;
}


/* DevEx */

.dxsplControl_DevEx 
{
    color: #201F35;
}


.dxsplControl_DevEx .headerPane
{
    text-align: center;
    border-bottom: 3px solid #6699FF;
    width: 100%; 
    color: White;
}

.dxsplControl_DevEx .footerPane, 
.dxsplControl_DevEx .footerMenu li
{
    background-attachment: fixed;
    background-repeat: repeat;
    text-align: center;
    border-top: 3px solid #6699FF;
    width: 100%; 
    color: White;
}


/*  this is  for WEBPAGE BACKGROUND */
.dxsplPane_DevEx.mainContentPane
{
    /*background-image: url('Images/bg.png');*/
    /*background-repeat: repeat-x repeat-y; */
}

#MainContent
{
    /*background-image: url('Images/bg.png'); */
    /*background-repeat: repeat-x repeat-y;*/
}


.dxsplControl_DevEx .templateTitle a,
.dxsplControl_DevEx .loginControl,
.dxsplControl_DevEx .loginControl a
{
    color: white;
}
.dxsplControl_DevEx .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_DevEx .headerMenu 
{
    margin-top: 13px;
}
.dxsplControl_DevEx .accountHeader p
{
    font-size: 11px;
}