/*  
Theme Name: DS Baker IT Theme
Description: DS Baker IT Theme.

*/

/* GIZMO STYLES */

/*  www.SurveyGizmo.com  */
/* Beige Boxes */ 
/* Page Background  */
.sg_Body {
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
}
/* Survey Background  */
#sg_wrapper {
	background:#fff;
	border:none;
	width: 400px  !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	}
	
/* Headers, Footers, Table headers */
#sg_header, 
#sg_footer
{	background:#fff;
	color:#3F3F2F;
	border:none;
} 
#sg_header {
	padding-left:0 !important;
	padding-right:0 !important;
	}
#sg_content {
	padding:0 0 15px 0 !important;
	}
table.sg_Table th {
	background:#C8C4AC;
	color:#fff;                                                                                                                                                                                                                                                 ;
	border:none;
} 

/* Questions */
.sg_Question,
.sg_page_desc  {
	background:#F5EEE5;
	padding:15px;
	border:1px solid #DFDFC3;
}
/* Question Titles */
.sg_QuestionTitle {
        position: relative;
	font-weight:normal;
	font-size:15px !important;
	color:#3F3F2F;
	margin:
	}
/* Table column headers  */
.sg_Matrix_Radio td.sg_TD1,
.sg_Matrix_Textbox td.sg_TD1,
.sg_Matrix_Checkbox td.sg_TD1 
{
	background-color:#F8FAF3;
}
/* Table outer border  */
.sg_Matrix_Custom .sg_Table,
.sg_Matrix_Radio .sg_Table,
.sg_Matrix_Textbox .sg_Table,
.sg_Matrix_Checkbox .sg_Table 
{
	border:1px solid #DFDFC3;
	background:#fff;
}
/* Buttons  */
.sg_Submit, 
.sg_BackButton, 
.sg_NextButton 
{
	height:40px;
	border:1px outset #333 !important;
	background: #fff url(https://app.sgizmo.com/images/surveys/btn_grey_gradient.gif) repeat-x 0 0 !important;
	font-size:90% !important;
	}
.sg_Submit:hover, 
.sg_BackButton:hover, 
.sg_NextButton:hover {
	background: url(https://app.sgizmo.com/images/surveys/btn_grey_gradient.gif) repeat-x 0 -40px !important;
}
	
/* Page Titles hidden by default */
/* These have default values too often */
.sg_page_title 
{	
	display:none; 
}
/* Footer/Copyright */
#sg_footer #sg_footer_hook_2,
.sg_page_title 
{	
	color:#3F3F2F;
}
#sg_wrapper input,
#sg_wrapper textarea,
#sg_wrapper select {
	background-color:#FFFCEF;
}

/* Typography */
#sg_wrapper div, 
#sg_wrapper p, 
#sg_wrapper li, 
#sg_wrapper td, 
#sg_wrapper th, 
#sg_wrapper select, 
#sg_wrapper input, 
#sg_wrapper textarea {
	font-family: Arial,Helvetica,sans-serif;
	font-family: verdana,clean,sans-serif;
	font-family: [%%:Font_1: Font Family , sans-serif;
	font-size: [%%:Font_2: Font Size in pixels (Default:13px)%%]; /* change this value up or down to affect all text size universally */
}

/* Structure */
.sg_Body {
	margin:0;
	padding:0;
	}
#sg_wrapper {
	width:600px;
	margin:0 auto;
	}
#sg_content {
	clear:both;
	margin:0;
	padding: 15px 40px;
	}

/* Header */
#sg_header {
	margin:0;
	padding:15px 0 0 0;
	}
	
.sg_headerImage {
	
	}

/* Footer */
#sg_wrapper  #sg_footer { 
	min-height:60px;
	padding:5px 10px 0 10px;
	text-align:center;
	margin:0;
	}

#sg_wrapper #sg_footer_hook_2 {
	font-size:90% !important;
}


/* Titles and Headings */
#sg_wrapper h1,
#sg_wrapper h2,
#sg_wrapper h3,
#sg_wrapper h4,
#sg_wrapper h5,
#sg_wrapper h6
{ text-align:left;  }

#sg_wrapper h4,
#sg_wrapper h5,
#sg_wrapper h6 { }
#sg_wrapper h1 { font-size:20px; margin:10px 0;}	
#sg_wrapper h2 { font-size:16px;}	
#sg_wrapper h3 { font-size:14px;}	
#sg_wrapper h4 { font-size:12px;}	

h1.sg_Title {
	margin:0;
	padding:0;
	font-weight:normal;
	}
.sg_page_title {
	font-weight:bold;
}
.sg_page_desc {
	
}


/* Navigation */
.progressBar {
   margin:0 auto 15px auto;
   text-align:center;
   font: bold 10px/16px arial !important;
   width:200px;
}

#sg_ProgressBar {
     background-color:#EFFAFF;
     font-size:10px !important;
     font-weight:bold !important;
     border:1px solid #59BDEF;
     color:#00557F;
}

.sg_Submit, 
.sg_BackButton, 
.sg_NextButton {
	text-decoration: none;
	font-size:14px;
	font-weight:normal;
	padding:8px 15px !important;
	margin:5px;
	}
div.sg_Button_Group {
	text-align:center;
	margin: 0 0 10px 0;
}	
div.sg_Buttons,
div.sg_Button_Group input {
	display:inline;
}	
	
	
	
/* Special Effects */
#sg_wrapper input:focus, 
#sg_wrapper select:focus, 
#sg_wrapper textarea:focus,
#sg_wrapper input.sffocus,
#sg_wrapper select.sffocus,
#sg_wrapper textarea.sffocus {
	background-color:#FEFFAF !important;
	border:1px solid #333;
}
	
.sg_PoweredBy {
   margin:15px auto;
   width:200px;
   text-align:center;
}







/* Form Elements */
form.sg_SurveyPage {  /* main form stylename */
	}
.clear {clear:both;}
	

	

	
/*  Questions  */
.sg_Question {
	margin: 20px 0;
        clear: both;
}

.sg_QuestionTitle {
	margin:0 ;
	padding:3px 0;
	}

.qNumber {
	padding:10px 0;
}
.sg_ControlSet { /* wraps around question options and subquestions */
	margin:0 0 0 5px;
    overflow:auto;
}		
.sg_CheckboxWrapper {
	margin:5px 0;
}
.sg_Question_Footer {
}






	
/* Question Types */
#sg_wrapper input {
	padding:2px;
	border:1px solid #777;
}
input.sg_Radio, 
input.sg_Checkbox {
	border:none !important;
	background:none !important;
	margin:5px 10px;
	vertical-align:absmiddle;
	}
#sg_wrapper label {
	/* padding:0 6px 0 0; */
}
 /* 'Other' textboxes ' */
input.sg_Radio_Other,
div.sg_Checkbox_Options input,
input.sg_Cont_Sum_Other {
	margin:0 6px;
}
		
div.sg_Instructions { 
	
	}
	
.sg_MaxWords  {color: #666;}

sg_Cont_Sum_Other { }

input.sg_Textbox {}
div.sg_Multi_Text {}
textarea.sg_Essay {
	padding:5px;
}


div.sg_Rank {}
select.sg_Select {}
div.sg_Radio_Options {}
input.sg_Radio {}
div.sg_Checkbox_Options label { /* removed due to weird 1st line indent padding:0 10px 0 10px !important; */}
input.sg_Checkbox {}
div.sg_Cont_Sum
div.sg_Matrix_Radio {}

.sg_caption {

}

/* Tables */
table.sg_Table {
	margin:5px 5px 15px 0;
	border-spacing: 2px !important; 
	empty-cells: show !important; 
	overflow:scroll;
}
.sg_ControlSet .sg_TD1 input.sg_Textbox {
	width:45px;  /* Allows Continuous Sum questions room for the % sign */
}

table.sg_Table th {
	font-weight:bold;
	padding:4px;
}

table.sg_Table  td {
	vertical-align:middle;
}

.sg_Rank_Hidden { display: none; }

th.sg_TDX { }
td.sg_TD1 { padding:0 }
td.sg_TDX { }

.sg_Multi_Text td.sg_TDX, 
.sg_Matrix_Radio td.sg_TD1,
.sg_Radio_Options td.sg_TDX,
.sg_Cont_Sum td.sg_TDX
{
	padding:5px !important;
}

div.sg_Matrix_Radio td.sg_TD1 {
	padding:5px !important;
}

table.sg_Table  tr.sg_TR { }
table.sg_Table  tr.sg_TR_Alt { }

/* tables with 1st column of labels */
.sg_Matrix_Radio td.sg_TD1,
.sg_Matrix_Textbox td.sg_TD1,
.sg_Matrix_Checkbox td.sg_TD1 {
	padding:5px ;
}




/* Groups like Contact Form */
.sg_GroupItem {
	height:30px;
	display:block;
	margin:6px 0px 0 0;
	padding-left:0;
	text-align:left;
}
.sg_GroupLabel {
	position:relative;
        display:block;
 	font-weight:bold;
	font-size:95%;
	}

.sg_GroupLabel label {
	font-weight:bold;
	font-size:95%;
	padding:2px 0;
}


span.sg_GroupInput {
	display:block;
}



/* Required Lables, Messages, Errors etc */
.sg_Required { /* applies to all required questions */
	}
span.sg_RequiredAsterix { color:red; }	
	
.sg_Error {  background-color: yellow !important; }
.sg_QuestionError { background-color: yellow !important; }
	
div.sg_ErrorMessage    { /* div.sg_ErrorMessage is inserted where automatically by the template token  */
	background: #FDFF4F url(https://app.sgizmo.com/images/surveys/error_alert.gif) no-repeat 10px 10px;
	border:2px solid #FFB900;
	color: #000;
	margin:10px auto;
	padding:10px 20px 10px 60px;
	width:80%;
	font-weight:bold;
	}
.sg_Counter { }
.sg_Counter_Error  { color: red; } 

.sg_StarRate{cursor:pointer;}

.sg_CustomizedGroupItem {
	margin:10px 0;
}

.sg_Matrix_Textbox table.sg_Table,
.sg_Matrix_Radio  table.sg_Table,
.sg_Matrix_Checkbox  table.sg_Table {
	width:99% !important;

}