/* --------- COLORS --------- 
#F58345 - Orange
#F19B6D - Orange - 80% - Box Interiors
#2A6EBB - Blue - 100%
#468BC8 - Blue - 80% - Box Interiors
#70A9D6 - Blue - 60% - Box Outlines
#CEE3F2 - Blue - 20% - Background color
#E6F1F8 - Blue - 10% - Almost white for blue boxes
#808080 - Gray - Small Text / Labels

 --------- IMAGE DIMENSIONS --------- 

Homepage - Main - 780px 450 px

 --------- GRID SIZES --------- 
 
 - 960px grid 
 - 10px left & right sizes
 - 12 columns

 60px -  1 column
140px -  2 column
220px -  3 column
300px -  4 column
380px -  5 column
460px -  6 column
540px -  7 column
620px -  8 column
700px -  9 column
860px - 10 column
940px - 10 column

*/

/* --------- MAIN STYLES --------- */ 

body { margin:0; background:#CEE3F2 url(/images/bkg-circles.png) no-repeat fixed top center; font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:38px; color: #F58345; }
h2 { font-size:22px; color:#2A6EBB; font-weight:normal; padding:0; margin:0 0 5px 0; }
h3 { font-size:18px; color:#2A6EBB; font-weight:normal; padding:0; margin:0; }

a:link { text-decoration:none;  }
a:visited {	 }
a:hover {	}
a:active { }



img { border:none; }
.clearfix { clear:both; }
.nowrap {white-space:nowrap;}

.recommended, .lightgray { color: #999; }
#maincontain{ width:960px; margin:0 auto; padding:10px 0; }

/* --------- HEADER & NAVIGATION --------- */ 


/* --------- FOOTER --------- */ 

#footer { position: absolute; right: 5px; bottom: 5px; width:200px; text-align:right; clear:both; font-size:10px; color:#808080; text-transform:uppercase;}
#footer a { text-decoration:none; color:#2A6EBB; }

#longerpagefooter { width:960px; margin:20px auto 0 auto; padding-top:10px; position: relative; text-align:right; clear:both; font-size:10px; color:#808080; text-transform:uppercase;}

longerpagefooter


/* --------- GENERAL STYLES--------- */ 

.error { }
.smalltext {font-size:12px; text-transform:uppercase; color: #808080; padding:0; margin:0;}
.rightalign {text-align:right;}
.quote { font-style:italic; font-size:12px;}

/* --------- INTRO SCREENS --------- */ 
#intro-name {text-align:center; }
#intro-name h1 { padding:0; margin:0; padding-top:0; padding-bottom:10px;}


/* --------- WELCOME + CHOOSE WORKOUT SCREENS --------- */ 
#circuit-priority1 { width:540px; margin:20px auto; color: #FFF; font-size:16px;}
#circuit-priority1 h1 { color: #FFF; font-size:24px; padding:0; margin:0;}
#circuit-priority1 a {color:#FFF;}
#circuit-priority1 .circuitblock  {background:#468BC8; border:5px solid #70A9D6; margin:5px 0;padding:18px; border-radius:20px;}

#circuit-priority1 .bigicon { float:left; }
#circuit-priority1 .exercise_info { float:left; width:85% }

#circuit-prioritynext .litteicon { float:left; }
#circuit-prioritynext .exercise_info { float:left; width:65% }
#circuit-prioritynext .exercise_info .exerciselist li { float:none; border-right:none; white-space: nowrap; }

#circuit-prioritynext { font-size:12px; color:#FFF; width:960px;}
#circuit-prioritynext h1 { font-size:14px; color:#FFF; padding:0; margin:0;}
#circuit-prioritynext p { padding:5px 0 0 0; margin:0;}
#circuit-prioritynext a {color:#FFF;}
#circuit-prioritynext .allblock  {width:220px; float:left; margin-right:20px; }
#circuit-prioritynext .allblock:nth-child(4)  {margin-right:0;}
#circuit-prioritynext .colorblock  {background:#468BC8; border:5px solid #70A9D6; padding:7px; margin:0; border-radius:10px; min-height:65px;}

#circuit-prioritynext .allblock-notassigned  {width:220px; float:left; margin-right:20px; height:auto;}
#circuit-prioritynext .allblock-notassigned:nth-child(4)  {margin-right:0;}
#circuit-prioritynext .colorblock-notassigned  {background:#CEE3F2; border:2px dashed #468BC8; color:#468BC8; opacity:0.5; font-size:medium; padding: 20px 10px 10px 10px; margin:0; border-radius:10px; min-height:60px; text-align:center;}
#circuit-priority1 .circuitblock-notassigned   {background:#CEE3F2; border:2px dashed #468BC8; color:#468BC8; opacity:0.5; font-size:large; margin:5px 0;padding: 40px 10px 10px 10px;border-radius:20px;min-height:60px; text-align:center;}


#circuit-cardioblock { font-size:18px; font-weight:bold; color:#FFF; padding:4px; margin:20px 0; background:#468BC8; border:5px solid #70A9D6; border-radius:10px;  width:202px; float:left;}
#circuit-cardioblock p { margin-top:20px;}
#circuit-cardioblock a {color:#FFF;}

.circuit { cursor: pointer; }

/* --------- LOGIN SCREENS --------- */ 
#loginbox { width:540px; margin:20px auto; color: #E6F1F8; font-size:12px; text-transform:uppercase; background:#468BC8; border:5px solid #70A9D6; padding:20px; border-radius:20px; margin:20px auto;}
#loginbox input[type="text"] { font-size:18px; border:1px solid #2A6EBB; padding:5px; }
#loginbox input[type="number"] { font-size:18px; border:1px solid #2A6EBB; padding:5px; }
#loginbox input:focus { font-size:18px; border:1px solid #F58345; padding:5px; }

.password  { font-size:18px; border:1px solid #2A6EBB; padding:5px; }

/* ---------- THANK YOU + NOW PRINTING SCREEN ----------- */
#nowprinting {width:640px; margin:20px auto;}
#nowprintingcontent {float:left; font-size:14px; color:#808080;}
#nowprintingcontent p {padding-bottom:40px;}
.orangenumber {font-weight:bold; font-size:24px; color:#F58345;}

.largebutton-blue a, .smallbutton-blue a, .largebutton-orange a, .smallbutton-orange a { color: #FFF; text-decoration:none; display:block;}
.largebutton-blue {font-size:20px; font-weight:bold; color: #FFF; width:220px; background:#468BC8; border:5px solid #70A9D6; border-radius:20px; margin:0 20px 20px 0; padding:20px; }
.smallbutton-blue {font-size:14px; font-weight:normal; color: #FFF; width:130px; background:#468BC8; border:3px solid #70A9D6; border-radius:10px; margin:0 20px 20px 0; padding:10px 20px; }
.largebutton-orange {font-size:20px; font-weight:bold; color: #FFF; width:220px; background:#F58345; border:5px solid #F19B6D; border-radius:20px; margin:0 20px 20px 0; padding:20px; }
.smallbutton-orange {font-size:14px; font-weight:normal; color: #FFF; width:130px; background:#F58345; border:3px solid #F19B6D; border-radius:10px; margin:0 20px 20px 0; padding:10px 20px; }

.spaceabovebtn-blue {margin-top:140px;}
.spaceabovebtn-orange {margin-top:40px;}
#circuitprint { position:absolute;
left:  -2000px;
top: 0;}

/* ---------- CANCEL + REPRINT SCREEN ----------- */
#reprint-cancel { width:640px; margin:20px auto;}
#reprint-cancel .largebutton-blue {float:left; height:35px; padding-top:35px; margin:0 20px 0 0; text-align:center; }
#reprint-cancel .largebutton-orange {float:left;height:50px; margin:0;  text-align:center;}

#reviewopen {width:640px; margin:50px auto 20px auto; text-align:left;}
#reviewopen h1 {font-size:16px; color:#2A6EBB; padding:0; margin:0 0 5px 0;}
#reviewopen p {font-size:12px; text-transform:uppercase; color: #808080; padding:0; margin:0;}
#reviewopen td {border-bottom:1px solid #CEE3F2; padding:20px 5px;}
#reviewopen td:nth-child(n+1) {padding-right:20px;}



/* ---------- ICONS ----------- 

   ------ PADDING FOR ICONS ----- */
.icon-welcomepad {margin:0 8px 0px 0;}
.icon-thankprinter {margin:0 20px 200px 0;}

/*
.icon-upperarm {background:url(/images/icon-body.png) 0 0 no-repeat; width:60px; height:60px; float:left;}
.icon-chest {background:url(/images/icon-body.png) -80px 0 no-repeat; width:60px; height:60px; float:left;}
.icon-leg {background:url(/images/icon-body.png) -160px 0 no-repeat; width:60px; height:60px; float:left;}
.icon-abs {background:url(/images/icon-body.png) -240px 0 no-repeat; width:60px; height:60px; float:left;}
.icon-fullbody {background:url(/images/icon-body.png) 0 -80px no-repeat; width:60px; height:60px; float:left;}
.icon-cardio {background:url(/images/icon-body.png) -80px -80px no-repeat; width:60px; height:60px; float:left; }
.icon-default {background:url(/images/icon-body.png) -160px -80px no-repeat; width:60px; height:60px; float:left; }
.icon-fullbodycircuit {background:url(/images/icon-body.png) -240px -80px no-repeat; width:60px; height:60px; float:left; }


.icon-forearm {background:url(/images/icon-body.png) 0 -180px no-repeat; width:60px; height:60px; float:left; }
.icon-arm {background:url(/images/icon-body.png) -80px -180px no-repeat; width:60px; height:60px; float:left; }
.icon-back {background:url(/images/icon-body.png) -160px -180px no-repeat; width:60px; height:60px; float:left; }
.icon-lowerback {background:url(/images/icon-body.png) -240px -180px no-repeat; width:60px; height:60px; float:left; }
.icon-upperback {background:url(/images/icon-body.png) 0 -260px no-repeat; width:60px; height:60px; float:left; }
.icon-core {background:url(/images/icon-body.png) -80px -260px no-repeat; width:60px; height:60px; float:left; }
.icon-glutes {background:url(/images/icon-body.png) -80px -260px no-repeat; width:60px; height:60px; float:left; }
.icon-thighs {background:url(/images/icon-body.png) -240px -260px no-repeat; width:60px; height:60px; float:left; }
.icon-calves {background:url(/images/icon-body.png) 0 -340px no-repeat; width:60px; height:60px; float:left; }
.icon-shoulders {background:url(/images/icon-body.png) -80px -340px no-repeat; width:60px; height:60px; float:left; }
*/

.icon-upperarm {background:url(/images/icon-body.png) 0 0 no-repeat; width:60px; height:60px; float:left;}
.icon-chest {background:url(/images/icon-body.png) -80px 0 no-repeat; width:60px; height:60px; float:left;}
.icon-leg {background:url(/images/icon-body.png) -160px 0 no-repeat; width:60px; height:60px; float:left;}
.icon-abs {background:url(/images/icon-body.png) -240px 0 no-repeat; width:60px; height:60px; float:left;}
.icon-fullbody {background:url(/images/icon-body.png) 0 -80px no-repeat; width:60px; height:60px; float:left;}
.icon-cardio {background:url(/images/icon-body.png) -80px -80px no-repeat; width:60px; height:60px; float:left; }
.icon-default {background:url(/images/icon-body.png) -160px -80px no-repeat; width:60px; height:60px; float:left; }
.icon-fullbodycircuit {background:url(/images/icon-body.png) -240px -80px no-repeat; width:60px; height:60px; float:left; }
.icon-forearm {background:url(/images/icon-body.png) 0 -180px no-repeat; width:60px; height:60px; float:left; }
.icon-arm {background:url(/images/icon-body.png) -80px -180px no-repeat; width:60px; height:60px; float:left; }
.icon-back {background:url(/images/icon-body.png) -160px -180px no-repeat; width:60px; height:60px; float:left; }
.icon-lowerback {background:url(/images/icon-body.png) -240px -180px no-repeat; width:60px; height:60px; float:left; }
.icon-upperback {background:url(/images/icon-body.png) 0 -260px no-repeat; width:60px; height:60px; float:left; }
.icon-core {background:url(/images/icon-body.png) -160px -260px no-repeat; width:60px; height:60px; float:left; }
.icon-glutes {background:url(/images/icon-body.png) -80px -260px no-repeat; width:60px; height:60px; float:left; }
.icon-thighs {background:url(/images/icon-body.png) -240px -260px no-repeat; width:60px; height:60px; float:left; }
.icon-calves {background:url(/images/icon-body.png) 0 -340px no-repeat; width:60px; height:60px; float:left; }
.icon-shoulders {background:url(/images/icon-body.png) -80px -340px no-repeat; width:60px; height:60px; float:left; }

.icon-printer-large {background:url(/images/icon-printer-large.png) no-repeat; width:245px; height:205px; float:left;}

.bigicon { margin-right: 10px; }
/* ---------- EXERCISE LIBRARY ----------- */

#exerciselibrary { width:960px; margin:0 auto;}
#exerciselibrary h1 { text-align:center; }
#exerciselibrary h2, #exerciselibrary h3{ font-weight:bold;}
#exerciselookup {width:420px; float:left; margin-right:20px; padding: 0 20px 20px 20px; }
#exerciselookup input[type="text"], #exerciselookup textarea { border:1px solid #2A6EBB; padding:5px; font-size:14px; }
#exerciselookup input:focus, #exerciselookup textarea:focus{ border:1px solid #F58345; outline:none;}

#exercisedisplay {width:420px; float:left; padding:20px; }
.exercisedisplay-bkg { background: rgba(255,255,255,0.5); }
#availablelist {overflow-y: auto; overflow-x:hidden; height: 510px; }
#availablelist ul {list-style:none; padding:5px; margin:0; }
#availablelist li {margin-bottom:5px; padding:8px;background:#EDEDED; width: 432px;}
#availablelist li:hover {background:#CCC; cursor:pointer;}

#exlibbutton {width:590px; margin:10px auto; text-align:right; opacity:0.8;}
#exlibbutton .smallbutton-blue {font-size:14px; font-weight:normal; color: #FFF; width:130px; background:#468BC8; border:3px solid #70A9D6; border-radius:10px; margin:0; padding:10px 20px; }