@import url("../../../css/base.css");

.STbar					{ display: block; }		/* 'none' or 'block' */
.caption				{ display: block; }		/* 'none' or 'block' */
.progress-bar-container { display: block; }		/* 'none' or 'block' */
.backPage				{ display: inline; }	/* 'none' or 'inline' */
.base					{ display: block; }		/* 'none' or 'block' */

/*************************************************************/
/* Main styles                                               */
/*************************************************************/
body {  }	

a {  }
a:hover {  }
a img { }

.wrapper {  }
.STbar {  }
.header	{  }
.content {  }
.base {  } 

.ClientLogo {  }
.STLogo {  }
.caption {  }
.caption a {  }

.nextPage, .backPage, .finishSurvey, .quitSurvey { background-color: #88bbee; background: linear-gradient(to bottom, #88bbee 0%, #5588bb 100%); }
.nextPage:hover, .backPage:hover, .finishSurvey:hover, .quitSurvey:hover { background-color: #aaddee; Background: linear-gradient(to bottom, #aaddee 0%, #77aadd 100%); }
.nextPage:active, .backPage:active, .finishSurvey:active, .quitSurvey:active { background-color: #aaddee; background: linear-gradient(to bottom, #aaddee 0%, #77aadd 100%); }

.thankYouText, .thankYouText2, .thankYouLinkContainer {  }
.thankYouLinkContainer a {  }
.validationText {  }
.validationMarker {  }
.validationQuestion { background-color: #FFEEFF; }

.question .no {  }
.question p {  }
.question input {  }
.question label {  }
.question textarea {  }
.questionContent {  }
.questionContent:hover { background-color: #f3f5f7; }

.progress-bar-container {  }
.progress-bar {  }
.progress-block {  }
.percent-label {  }

/**************************************************************/
/* Specific Question Overrides	                              */
/**************************************************************/


/**************************************************************/
/* Media queries                                              */
/**************************************************************/
/* iPad (landscape and portrait) */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
{
}
 
/* iPhone 5 (landscape and portrait) */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px) 
{ 
}

/* iPhone 2G-4S (landscape and portrait) */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) 
{
}