/***************************************
$Revision:: 175                        $: Revision of last commit
$LastChangedBy::                       $: Author of last commit
$LastChangedDate:: 2012-01-03 14:44:48#$: Date of last commit
***************************************/

.showSection { display: block; }
.hideSection { display: none; }

.showDiv { display: block; }
.hideDiv { display: none; }

/* tjs 120106 */
@font-face {
	font-family: Chalkduster;
	src: local('Chalkduster'), url('../fonts/chalkdust.ttf') format('truetype');
}

/* tjs 110726 */
.chalk {
	font-family: Chalkduster, sans-serif;
	color: white;
}

/* tjs 120117 */
@font-face {
	font-family: Felttip;
	src: local('Felttip'), url('../fonts/felttip.ttf') format('truetype');
}

.felt {
	font-family: Felttip, sans-serif;
	color: white;
}

.segmented-control { text-align:center;}
.segmented-control .ui-controlgroup { margin: 0.2em; }
.ui-control-active, .ui-control-inactive { border-style: solid; border-color: gray; }
.ui-control-active { background: #BBB; }
.ui-control-inactive { background: #DDD; }

/* tjs 120110 */
p.dividerIcon {
	font-size: 150%;
	}

/* tjs 120113 */
/* tjs 120117 */
#slate-of-plates-report-page .ui-content {
    background: #333333;
   /* transparent url('../images/chalkboard.png');
    width: 100%;
    height:auto;
    top: 0px;
    left: 0px;
    z-index: -1;
    position: absolute;*/
}
/* tjs 120117 */
#dinner-slate-report-page .ui-content {
    background: #333333;
}
#dinner-portions-slate-report-page .ui-content {
    background: #333333;
}
#kitchen-portions-whiteboard-report-page .ui-content {
    background: #ffffff;
}

/* tjs 111222
#plateEditDialog { background-color: white; }

div[class^='flexbox-holder'] {
    background-color: silver;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-box;
    width: 490px;
}
div.flex {
    border: 1px solid gray;
    margin: 2px;
    padding: 2px;
    width: 70px;
    font-size: x-small;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -webkit-box-flex: 1;
}*/

div[type='fruit'] {
	/*background-color: rgb(204,51,51);*/
	background-color: crimson;
}
div[type='grains'] {
	/*background-color: rgb(204, 102, 51);*/
	background-color: sandybrown;
}
div[type='dairy'] {
	/*background-color: rgb(102, 153, 204);*/
	background-color: cornflowerblue;
}
div[type='protein'] {
	/*background-color: rgb(102, 102, 153);*/
	background-color: mediumpurple;
}
div[type='vegetables'] {
	/*background-color: rgb(0, 204, 102);*/
	background-color: mediumseagreen;
}
div[type='none'] {
	background-color: white;
}

/* tjs 110822 */
/*
table.slateView { border: 0;
cellspacing="0";
}
*/
/*
.
.ui-dialog-title {
	background-color: white;
}

.ui-dialog-titlebar-close {
	background-color: white;
}
*/

/* tjs 120323 */
/* Main content in slate report page */

.slatePageContent {
  width: 87%;
  height: 83%;
  /*height: 93%;*/
 /* margin: 30px auto;*/
  margin-top:5px;
margin-bottom:30px;
margin-right:30px;
margin-left:30px;
/*margin-left:10px;*/
  border-radius: 10px;
  border: 4px solid #627188;
  background: 			#354866;
  color: 					#fff;
  text-shadow: 0 1px 0 #000;
  font-weight: normal;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#304360), to(#3a4e6c));
  background-image: -webkit-linear-gradient(top, #304360, #3a4e6c);
  background-image:    -moz-linear-gradient(top, #304360, #3a4e6c);
  background-image:     -ms-linear-gradient(top, #304360, #3a4e6c);
  background-image:      -o-linear-gradient(top, #304360, #3a4e6c);
  background-image:         linear-gradient(top, #304360, #3a4e6c);
  text-align: center;
}


/* Gloss effect on slate report page */

.gloss {
  width: 87%;
  height: 7%;
  /*margin: 0 auto;*/
  margin-top:5px;
margin-bottom:30px;
margin-right:30px;
margin-left:30px;
  left: 0;
  /*left: 30px;*/
  right: 0;
  /*top: 30px;*/
  /*top: 10px;*/
  top: 0;
  padding: 0 4px;
  position: absolute;
  z-index: 9999;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,.05)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.05));
  background-image:    -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.05));
  background-image:     -ms-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.05));
  background-image:      -o-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.05));
  background-image:         linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.05));  
  border-radius: 10px 10px 0 0;

}

/* Slate Report screen name */
.slatePageContent h1 {
  text-align: center;
  font-size: 100%;
  /*margin-top: -10px;*/
  margin-top: 10px;
}

/* tjs 120328 */
/* The pagination dots at the bottom of the page */

.dots {
  position: absolute;
  z-index: 9999;
  bottom: 8px;
  height: 30px;
  line-height: 0;
  color: #888;
  width: 100%;
  text-align: center;
  font-size: 55px;
  letter-spacing: 1px;
}

.dots .highlight {
  color: #fff;
}


/*** Media queries to handle different iOS devices and orientations ***/


/* iPhone, standalone */

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
  .tweetPageContent { height: 380px; }
}

@media only screen and (max-device-width: 480px) and (orientation: landscape) {
  .tweetPageContent { height: 230px; font-size: 95%; }
  .profileImage { width: 60px; height: 60px; }
  .tweetPageContent .recentTweet { min-height: 80px; font-size: 95%; background-size: 25%; }
}


/* iPhone, running in Safari */

@media only screen and (max-height: 360px) and (orientation: portrait) {
  .tweetPageContent { height: 330px; font-size: 85%; }
  .tweetPageContent .recentTweet { font-size: 120%; margin-top: -20px; }
  #dots { bottom: -50px; }
  .ui-pagination { bottom: 65px; }
}

@media only screen and (max-height: 260px) and (orientation: landscape) {
  .tweetPageContent { font-size: 95%; margin-top: 10px; }
  .profileImage { width: 60px; height: 60px; }
  .gloss { top: 10px; }
  #dots { bottom: -63px; }
  .ui-pagination { bottom: 72px; }
}


/* iPad */

@media only screen and (device-width: 768px) and (orientation: portrait) {
  .tweetPageContent { height: 92%; font-size: 150%; }
}

@media only screen and (device-width: 768px) and (orientation: landscape) {
  .tweetPageContent { height: 89%; font-size: 150%; }
}


/*** jQuery Mobile swatches ***/

/* A swatch */
.ui-body-a {
  background: #000;
}

/* F swatch */

.ui-btn-up-f {
  border: 1px solid #b11;
  background: #a00;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  text-shadow: 0 -1px 1px #000;
  text-decoration: none;
  background-image: -moz-linear-gradient(top, #e55, #a00);
  background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #f66), color-stop(1, #a00));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f66', EndColorStr='#a00')";
}
.ui-btn-up-f a.ui-link-inherit {
  color: #fff;
}
.ui-btn-hover-f {
  border: 1px solid #a00;
  background: #b11;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 -1px 1px #000;
  text-decoration: none;
  background-image: -moz-linear-gradient(top, #f66, #b11);
  background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #f66), color-stop(1, #b11));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f66', EndColorStr='#b11')";
}
.ui-btn-hover-f a.ui-link-inherit {
  color: #fff;
}
.ui-btn-down-f {
  border: 1px solid #800;
  background: #e55;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 -1px 1px #000;
  background-image: -moz-linear-gradient(top, #800, #e55);
  background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #800), color-stop(1, #e55));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#800', EndColorStr='#e55')";
}
.ui-btn-down-f a.ui-link-inherit {
  color: #fff;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
  font-family: Helvetica, Arial, sans-serif;
}