/* CSS Document */

/* GENERIC
-----------------------------------------------------------*/

.ui-content { padding: 10px; }
#serviceSelection .ui-content { padding: 10px 0; }
/*.ui-controlgroup-controls .ui-radio .ui-btn-inner { padding: 0.5em 8px; }  Reduce padding for radio */


/* HEADER - using a smaller logo
---------------------------------------------------------------*/
.ui-header a[data-rel=back]	{ padding-left: 18px; height: 40px; margin-left: 10px;}
/*
.ui-header .ui-bar h1 { background:url(../images/logo_idmission.png) no-repeat center center;background-size:Auto 24px; text-indent: -9999px; min-height: 100%; width: 120px; }
*/

/* LOGIN - Page width is smaller
---------------------------------------------------------------*/
/*
div.login h2 { text-indent: -9999px; background: url(../images/logo_idmission_lg.png) no-repeat center center; height: 80px; margin-top: 20px; margin-bottom: 5px;}
*/
div.login [data-action='form-buttons'] div.ui-block-a,
div.login [data-action='form-buttons'] div.ui-block-b { float: none; width: 100%; }


/* HOME PAGE - Smaller Carousel 
---------------------------------------------------------------*/


#serviceSelection .ui-content div.ui-grid-b div, #serviceSelection .ui-content div.ui-grid-c div { font-size: 13px; overflow: visible; white-space: normal; padding: 0 !important; }
	
#serviceSelection .ui-header .ui-bar h1 { left: 10px;  top: 2px;}
.roundabout-holder { width: 12em; height: 10em; }
	.roundabout-moveable-item { width: 6em; height: 5em;  border: 3px solid #fff;} 
		.roundabout-in-focus {  border: 3px solid #6b87a4; }  
	

/* FORM - Labels show above the field
---------------------------------------------------------------*/

.form-wrapper li.ui-li { padding: 0.5em 0 0.3em; border: 0; }
	.form-wrapper li.ui-li label,
	.form-wrapper li.ui-li .ui-controlgroup-label,
	.form-wrapper li.ui-li label.ui-select { float: none; width: 100% !important; margin: 0; line-height: normal; display:block; }
	
	.form-wrapper li.ui-li input.ui-input-text, 
	.form-wrapper li.ui-li textarea.ui-input-text, 
	.form-wrapper li.ui-li .ui-input-search,
	.form-wrapper li.ui-li .ui-select,
	.form-wrapper li.ui-li fieldset.ui-controlgroup .ui-controlgroup-controls { width: 100%; float: none; }

/* Add Brochure Button */
div.form-action { margin-left: 0; }

/*Product Images */
div.product-img { width: 80px; height:70px; }


/* Product Edit - Data Group List */
div.moveable h3.ui-collapsible-heading a > .ui-btn-inner { background-position: 85% 50%; padding-right: 5px; }

/* LISTS
--------------------------------------------------------*/
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .5em 10px; }
div.product-img	{ margin-right: 10px; }


/* REPORTS
-----------------------------------------------------------------------*/

li[data-role=tablerow] span[content-type=label], 
li[data-role=tableheader] span[content-type=label]	{ font-size: 14px; text-align: left; }

li[data-role="tableheader"] span,
li[data-role="tablerow"] span 						{ font-size: 14px; }

/* STEPS
-------------------------------------------*/

div.steps { width: 90px; height: 14px; float: right; margin-top: 7px; }
	div.steps.step1	{ background: url(../images/step1_sm.png)  no-repeat; }
	div.steps.step2	{ background: url(../images/sprites.png)  no-repeat; background-position: -526px 0;	width: 90px;	height: 14px;} 										 
	div.steps.step3	{ background: url(../images/sprites.png)  no-repeat;background-position: -203px -33px ;	width: 90px;	height: 14px; }

	div.steps.step1of4 { background: url(../images/sprites.png)  no-repeat; 	background-position: -405px -16px ;	width: 90px;	height: 14px;}
	div.steps.step2of4 { background: url(../images/sprites.png)  no-repeat;background-position: -514px -32px ;	width: 90px;	height: 14px; }
	div.steps.step3of4 { background: url(../images/step3of4_sm.png)  no-repeat; }
	div.steps.step4of4 { background: url(../images/sprites.png)  no-repeat;background-position: -203px -16px ;	width: 90px;	height: 14px; } 
	
/* .ui-content{
padding-top:60px;}	 */