html,body {
	color:#333333;
	background:#f8f8f8;
	font-size:14px;
	min-width:1000px;
	font-family:'Gotham Rounded Light';
	height:100%;
}
 
/*****************
 FONTS 
******************/

/* BOLD - NORMAL, ITALIC */
@font-face {
    font-family: 'Gotham Rounded Bold';
    src: url('../fonts/gotham-rounded-bold-italic.eot');
    src: url('../fonts/gotham-rounded-bold-italic.eot?') format('embedded-opentype'),
    url('../fonts/gotham-rounded-bold-italic.woff') format('woff'),
    url('../fonts/gotham-rounded-bold-italic.ttf') format('truetype'),
    url('../fonts/gotham-rounded-bold-italic.svg#Gotham') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Gotham Rounded Bold';
    src: url('../fonts/gotham-rounded-bold.eot');
    src: url('../fonts/gotham-rounded-bold.eot?') format('embedded-opentype'),
    url('../fonts/gotham-rounded-bold.woff') format('woff'),
    url('../fonts/gotham-rounded-bold.ttf') format('truetype'),
    url('../fonts/gotham-rounded-bold.svg#Gotham') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* BOOK - NORMAL, ITALIC */
@font-face {
    font-family: 'Gotham Rounded Book';
    src: url('../fonts/gotham-rounded-book-italic.eot');
    src: url('../fonts/gotham-rounded-book-italic.eot?') format('embedded-opentype'),
    url('../fonts/gotham-rounded-book-italic.woff') format('woff'),
    url('../fonts/gotham-rounded-book-italic.ttf') format('truetype'),
    url('../fonts/gotham-rounded-book-italic.svg#Gotham') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Gotham Rounded Book';
    src: url('../fonts/gotham-rounded-book.eot');
    src: url('../fonts/gotham-rounded-book.eot?') format('embedded-opentype'),
    url('../fonts/gotham-rounded-book.woff') format('woff'),
    url('../fonts/gotham-rounded-book.ttf') format('truetype'),
    url('../fonts/gotham-rounded-book.svg#Gotham') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* LIGHT - NORMAL, ITALIC */
@font-face {
    font-family: 'Gotham Rounded Light';
    src: url('../fonts/gotham-rounded-light-italic.eot');
    src: url('../fonts/gotham-rounded-light-italic.eot?') format('embedded-opentype'),
    url('../fonts/gotham-rounded-light-italic.woff') format('woff'),
    url('../fonts/gotham-rounded-light-italic.ttf') format('truetype'),
    url('../fonts/gotham-rounded-light-italic.svg#Gotham') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Gotham Rounded Light';
    src: url('../fonts/gotham-rounded-light.eot');
    src: url('../fonts/gotham-rounded-light.eot?') format('embedded-opentype'),
    url('../fonts/gotham-rounded-light.woff') format('woff'),
    url('../fonts/gotham-rounded-light.ttf') format('truetype'),
    url('../fonts/gotham-rounded-light.svg#Gotham') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* MEDIUM - NORMAL, ITALIC */
@font-face {
    font-family: 'Gotham Rounded Medium';
    src: url('../fonts/gotham-rounded-medium-italic.eot');
    src: url('../fonts/gotham-rounded-medium-italic.eot?') format('embedded-opentype'),
    url('../fonts/gotham-rounded-medium-italic.woff') format('woff'),
    url('../fonts/gotham-rounded-medium-italic.ttf') format('truetype'),
    url('../fonts/gotham-rounded-medium-italic.svg#Gotham') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Gotham Rounded Medium';
    src: url('../fonts/gotham-rounded-medium.eot');
    src: url('../fonts/gotham-rounded-medium.eot?') format('embedded-opentype'),
    url('../fonts/gotham-rounded-medium.woff') format('woff'),
    url('../fonts/gotham-rounded-medium.ttf') format('truetype'),
    url('../fonts/gotham-rounded-medium.svg#Gotham') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*****************
 GENERAL 
******************/

a {
	outline-style:none;
	text-decoration:none;
	color:#333333;
}
a:hover {
	outline-style:none;
	text-decoration: underline !important;
}
:focus {
	outline: none;
}
strong {
	font-weight:normal;
	font-family:'Gotham Rounded Bold';
}
.clear {
	clear:both;
}
.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select {
	position:relative;
}
.shift {
	clear:both;
	height:43px;
}
.padded {
	display:block;
	margin:90px auto;
}
h1 {
	font-size:24px;
	font-weight:normal;
}
h2 {
	font-size:24px;
	font-weight:normal;
}
input,
textarea {
	display:inline-block;
	background:#FFF;
	font-family:'Gotham Rounded Light';
}
input.large,
textarea {
	padding:5px 11px 4px;
	border:#ccc solid 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:30px;
	color:#366893;
	font-size:14px;
}
input.large:focus,
textarea:focus {
	border:#8eb4d7 solid 1px;
}
label.over-apply {
	top:inherit;
	margin-top:18px;
	margin-left:2px;
	color:#aaa;
	text-shadow:none;
	left:inherit;
	text-align:left;
	display:block;
	padding-left:15px;
	font-style: italic;
	position:absolute;
}
.overWrapper {
	display:inline-block;
}
.button {
	height:44px;
	width:170px;
	background-image:url(../images/buttons.png);
	background-position:0px 0px;
	display:inline-block;
	color:#FFF;
	font-family:'Gotham Rounded Medium';
	border:transparent solid 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:15px;
	line-height:45px;
	cursor:pointer;
	text-align:center;
}
.button.blue {
	box-shadow:1px 1px #9ad2fe inset;
	-moz-box-shadow:1px 1px #9ad2fe inset;
	-webkit-box-shadow:1px 1px #9ad2fe inset;
	background-color:#008cde;
	border-color:#004e7d;
	text-shadow:0px -1px #053f62;
}
.button.blue:hover {
	background-position:0px -44px;
	text-decoration: none !important;
}
.button.red {
	box-shadow:1px 1px #ffb5b5 inset;
	-moz-box-shadow:1px 1px #ffb5b5 inset;
	-webkit-box-shadow:1px 1px #ffb5b5 inset;
	background-color:#ed5d5d;
	border-color:#950d0d;
	text-shadow:0px -1px #a32f2f;
	background-position:0px -89px;
}
.button.red:hover {
	background-position:0px -130px;
	text-decoration: none !important;
}
.button.yellow {
	box-shadow:1px 1px #eed193 inset;
	-moz-box-shadow:1px 1px #eed193 inset;
	-webkit-box-shadow:1px 1px #eed193 inset;
	background-color:#d9a42b;
	border-color:#c39918;
	text-shadow:0px -1px #a6810e;
	background-position:0px -177px;
}
.button.yellow:hover {
	background-position:0px -223px;
	text-decoration: none !important;
}
.button.grey {
	box-shadow:1px 1px #e4e4e4 inset;
	-moz-box-shadow:1px 1px #e4e4e4 inset;
	-webkit-box-shadow:1px 1px #e4e4e4 inset;
	background-color:#bdbdbd;
	border-color:#9f9f9f;
	text-shadow:0px -1px #939393;
	background-position:0px -264px;
}
.button.grey:hover {
	background-position:0px -308px;
	text-decoration: none !important;
}
.button.small {
	height:30px;
	font-size:12px;
	line-height:32px;
	width:auto;
	padding:0px 20px;
}

/*****************
 INTERFACE 
******************/

#container {
	min-height:99.7%;
}
#wrapper {
	display:block;
	width:960px;
	margin:0px auto;
	padding:0px 20px;
}
#wrapper.xray_wrapper {
	width:1100px !important;
}
#header {
	background:#f5f5f5;
	width:100%;
	display:block;
	border-bottom:#cdcdcd solid 1px;
	height:38px;
}
#header .inner {
	display:block;
	width:100%;
	height:37px;	
	border-bottom:#FFF solid 1px;
}
#header .logo {
	display:block;
	background-image:url('../images/logo.png');
	background-repeat:no-repeat;
	width:104px;
	height:23px;
	float:left;
	position:relative;
	top:8px;
	left:16px;
}
#header .topnav {
	display:inline-block;
	position:relative;
	right:20px;
	top:9px;
	white-space: nowrap;
	font-size:13px;
}
#header .right {
	float:right;
	text-align:right;
}
#header .left {
	float:left;
	text-align:left;
}
#header .left .num {
    font-family: 'Gotham Rounded Medium';
    display:inline-block;
    margin-right:8px;
}
#header .right a:first-child {
	border:none;
}
#header .topnav div,
#header .topnav a {
	display:inline-block;
	padding:4px 5px 4px 11px;
	border-left:#ddd solid 1px;
	text-decoration:none;
}
#header .topnav div strong {
	color:#3c8dc5;
}
#footer {
	background:#f5f5f5;
	opacity:.8;
	filter:alpha(opacity=.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	width:100%;
	display:block;
	border-top:#cdcdcd solid 1px;
	height:42px;
	position:fixed;
	bottom:0px;
}
#footer .inner {
	display:block;
	width:100%;
	height:41px;	
	border-top:#FFF solid 1px;
	line-height:41px;
	font-size:12px;
	text-align:center;
}

#subHeader {
	display:block;
	background:#009cde;
	height:60px;
	width:100%;
}
#subHeader .inner {
	display:block;
	width:1000px;
	margin:0px auto;
}
#caseName {
	float:left;
	color:#FFF;
	padding:8px 20px;
	text-align:left;
}
#caseName .name {
	font-size:24px;
}
#caseName span {
	display:block;
	font-size:11px;
	padding-left:2px;
}
#caseNav {
	float:right;
	width:450px;
	text-align:left;
}
#caseNav a {
    font-family: 'Gotham Rounded Medium';
    display:inline-block;
    width:60px;
    height:70px;
    text-align:center;
    font-size:11px;
    color:#FFF;
    margin:11px 5px 3px;
}
#caseNav a:hover {
	text-decoration: none !important;
}
#caseNav a .num {
	
	background:#50bae8;
	color:#009cde;
    padding:6px;
    display:block;
    width:12px;
    height:12px;
    font-size:14px;
    line-height:15px;
    margin:0px auto 4px;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
}
#caseNav a:hover .num {
	background: #6dc6ec;
}
#caseNav a.selected .num {
	background:#f0c61d;
	text-shadow:1px 1px #504413;
	color:#FFF;
}
/*****************
 OVERLAY 
******************/

.ocOverlay {
	overflow-y:auto;
	width:100%;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
}
.overlayContent {
	padding:32px 12px;
	display:block;
	z-index:11;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:15px auto;
}
.overlayInner {
	text-align:center;
	box-shadow:0px 1px 7px rgba(0,0,0,.6);
	-moz-box-shadow:0px 1px 7px rgba(0,0,0,.6);
	-webkit-box-shadow:0px 1px 7px rgba(0,0,0,.6);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#FFF;
	font-size:13px;
	min-height:50px;
	padding:10px 20px 20px;
}
.dimmer {
	background:rgba(255,255,255,.8);
	position:fixed;
	left:0px;
	overflow:hidden;
	width: 100%;
	height: inherit;
	min-height:100%;
}
.overlayContent h1 {
	font-size:26px;
}

/*****************
 FORM 
******************/

.form-error {
	margin-top:-35px;
	position:absolute;
	background:rgba(0,0,0,.8);
	padding:7px 9px !important;
	font-size:11px;
	z-index:10;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#FFF !important;
	line-height:auto !important;
}
.ie8 .form-error {
	background:#000;
}
.form-error:after {
	content:'\25BE';
	position:absolute;
	color:rgba(0,0,0,.7);
	left:10px;
	bottom:-11px;
	font-size:18px;
	z-index:3;
	text-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
.ie8 .form-error:after {
	color:#000;
}

/*****************
 LOGIN 
******************/

#login,
#reset_pass {
	text-align:center;
}
#login input,
#reset_pass input {
	display:inline-block !important;
	margin:4px;
	width:270px;
}
#login div.contain {
	text-align:left;
}
#login .inner,
#reset_pass .inner {
	margin:0px auto;
	width:300px;
	display:block;
	position:relative;
}
#login .button,
#reset_pass .button {
	display:block;
	margin:20px auto 20px;
}
#forgotPassWindow label.over-apply {
	 margin-top:15px;
	 margin-left:10px;
 }
#forgotPassWindow input {
	display:block;
	margin:10px;
	width:220px;
}
#forgotPassWindow .button,
#deleteCase_submit,
#createCase_submit {
	display:block;
	margin:8px auto 15px;
	width:240px;
}
#forgotPassWindow #close {
	font-size:16px;
	margin:10px;
	display:inline-block;
}
.popupResponse {
	padding:20px 0px;
	display:block;
}

/*****************
 RESET PASSWORD 
******************/

#resetPass_content {
	color:#00b300;
}

/*****************
 EXPIRED 
******************/

#expired {
	text-align:center;
}
#expired .alert {
	background-image:url(../images/alert.gif);
	background-repeat:no-repeat;
	width:205px;
	height:177px;
	display:block;
	margin:0px auto;
}
#expired .button {
	margin-top:40px;
}

/*****************
 Case Info 
******************/

#caseInfo .pageTitle {
	display:block;
	text-align:left;
}
#createCase {
	float:right;
}
.caseList_container {
	background:#FFF;
	display:block;
	text-align:left;
	padding:20px 20px;
}
.caseList {
	margin:0px;
	padding:0px;
}
.caseList li {
	list-style-type:none;
	display:block;
}
.caseList li.item {
	height:36px;
	font-size:21px;
	background:#f8f8f8;
	padding:10px 0px;
	cursor:pointer;
	line-height:40px;
}
.caseList li.odd {
	background:#FFF;
}
.caseList li.item:hover,
.caseList li.selected {
	color:#3c8dc5 !important;
}
.caseList li.item:hover span span {
	color:#9ec5e0 !important;
}
.caseList li.item span,
.caseList li.head span {
	padding:0px 10px;
	display:inline-block;
}
.caseList li.head span {
	padding:0px 10px 10px;
	color:#AAA;	
}
.caseList li.item span span {
	color:#999;
	padding:0px;
}
.caseList li.item label {
	cursor:pointer;
}
.caseName {
	width:200px;
}
.caseCreated {
	width:200px;
	cursor:pointer;
}
.caseID {
	width:270px;
}
.caseArrow {
	width:30px;
}
.caseDetails {
	font-size:13px;
	font-family: "Gotham Rounded Medium";
	text-align:right;
	width:90px;
	position:relative;
	color:#3c8dc5;
}
.caseList li.item .caseDetails:hover {
	text-decoration: underline;
}
.caseList li.item .caseArrow {
	width:16px;
	height:25px;
	padding:0px;
	position:relative;
	top:6px;
	left:10px;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
}
.caseList .caseArrow:hover {
	background-position:-16px 0px;
}
.itemDetails {
	background:#f8f8f8;
	padding:5px 20px 20px 40px;
	line-height:21px;
	display:none;
}
.itemDetails .inner {
	border-top:#E8E8E8 solid 1px;
	padding:10px 0px 0px;
}
.itemDetails .incomplete {
	color:#ba0000;
}
.itemDetails .left {
	float:left;
	width:160px;
	display:block;
	font-size:14px;
}
.itemDetails .right {
	padding:0px 20px 0px;
	font-size:14px;
}
.itemDetails span {
	color:#3c8dc5;
}
.itemDetails label {
	display:block;
	padding:10px 0px 3px;
	font-size:12px;
	font-family:'Gotham Rounded Medium';
}
.details_hardware {
	color:#888;
	font-size:12px;
}
.details_hardware div {
	display:inline-block;
	width:140px;
	margin-right:20px;
}
.details_hardware div:first-child {
	border-right:#E8E8E8 solid 1px;
}
.details_desc {
	font-size:12px;
}
.itemDetails .button {
	float:right;
	margin-left:5px;
}
#createCaseWindow span {
	display:inline-block;
	width:auto;
}
#createCaseWindow label.over {
	margin-top:15px;
	font-size:16px;
	text-shadow: 1px 1px #FFF;
}
#createCaseWindow input {
	width:200px;
	margin:3px 5px;
	background:#FAFAFA;
}
#createCaseWindow textarea {
	width:434px;
	margin:3px 5px;
	background:#FAFAFA;
	height:80px;
}
#input_caseStart,
#input_caseDate,
#input_caseStart_label,
#input_caseDate_label  {
	cursor:pointer;
}
.calendar,
.dropdown_arrow {
	position:relative;
	cursor:pointer;
	display:inline-block;
}
.dropdown_arrow label,
.dropdown_arrow input {
	cursor:pointer;
}
.calendar:after {
	content:' ';
	display:block;
	position:absolute;
	right:15px;
	z-index:10;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	background-position:0px -26px;
	width:23px;
	top:14px;
	height:18px;
	cursor:pointer;
}
.dropdown_arrow:after {
	content:'\25BE';
	display:block;
	position:absolute;
	right:15px;
	z-index:2;
	width:23px;
	font-size:21px;
	top:11px;
	color:#aaa;
	height:18px;
	cursor:pointer;
}
.dropdown {
	position:absolute;
	left:0px;
	width:100%;
	height:45px;
	display:block;
	cursor:pointer;
	top:0px;
	font-size:12px;
	border:transparent 1px solid;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
div.ui-datepicker{
 font-size:12px;
}

/*****************
 Deformity
******************/

#deformity {
	text-align:left;
}
#deformity h2 {
	margin:20px 0px 15px;
}
#inputs {
	font-family:'Gotham Rounded Medium';
	font-size:14px;
}
#inputs span {
	display:block;
	position:relative;
	margin-top:4px;
	font-family:'Gotham Rounded Light';
	cursor:pointer;
}
#inputs .sections {
	width:230px;
	display:inline-block;
	margin-right:6px;
}
#inputs .dropdown {
	width:230px;
}
#inputs .dropdown_arrow:after {
	top:8px !important;
}
#inputs input {
	width:200px;
}
#inputs label {
	margin-top:13px;
}
#skeleton {
	width:100%;
	height:791px;
	background-image:url(../images/skeleton.gif);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	font-size:14px;
}
#skeleton h1 {
	font-family:'Gotham Rounded Medium';
	font-size:36px;
	margin:0px 0px 40px;
}
#skeleton .title {
	font-family:'Gotham Rounded Medium';
	display:block;
	clear:both;
}
#skeleton .left {
	float:left;
	position:relative;
}
#skeleton .right {
	float:right;
	position:relative;
	text-align:right;
}
#skeleton .right span {
	margin:0px 0px 0px 7px;
}
#skeleton .boxes {
	position:absolute;
}
#skeleton ul {
	margin:0px 0px 40px;
	padding:0px;
	list-style-type:none;
	width:260px;
	clear:both;
}
#skeleton li {
	cursor:pointer;
	margin:5px 0px;
}
#skeleton li span {
	background:#FFF;
	border:#DDD solid 1px;
	width:15px;
	height:15px;
	display:inline-block;
	margin:0px 7px 0px 0px;
	position:relative;
	top:4px;
}
#skeleton li.on {
	color:#009cde;
	font-family:'Gotham Rounded Medium' !important;
}
#skeleton li.on span {
	border-color:#009cde;
}
#skeleton li.on span:after {
	content:' ';
	display:block;
	position:absolute;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	background-position:0px -42px;
	width:19px;
	height:19px;
	cursor:pointer;
	top:-5px;
}
#deformity_submit {
	width:250px;
	margin:30px;
}
#bone_region_confirm {
	color:#009cde;
	font-family:'Gotham Rounded Medium' !important;
	font-size:36px;
	margin:30px auto 10px;
	text-align:center;
}


/*****************
 Skeleton Boxes
******************/

.boxes div {
	width:100px;
	height:70px;
	background:rgba(255,255,255,.5);
	border:#ddd solid 2px;
	position:absolute;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}
.boxes div.on,
.boxes div.on:hover {
	background:rgba(0,156,222,.3);
	border:#009cde solid 2px;
	opacity:1;
	filter:alpha(opacity=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}
.boxes div:hover,
.boxes div.over {
	opacity:1;
	filter:alpha(opacity=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}
.left .boxes .femur_prox_meta {
	left:300px;
	top:30px;
	width:150px;
	height:110px;
}
.left .boxes .femur_prox_dia {
	left:310px;
	top:150px;
}
.left .boxes .femur_mid_dia {
	left:325px;
	top:225px;
}
.left .boxes .femur_dis_dia {
	left:335px;
	top:280px;
}
.left .boxes .femur_dis_meta {
	left:340px;
	top:335px;
}

.left .boxes .knee_joint {
	left:345px;
	top:355px;
	height:100px;
}

.left .boxes .tibia_prox_meta {
	left:340px;
	top:405px;
	height:100px;
}
.left .boxes .tibia_prox_dia {
	left:335px;
	top:455px;
}
.left .boxes .tibia_mid_dia {
	left:340px;
	top:515px;
}
.left .boxes .tibia_dis_dia {
	left:340px;
	top:575px;
}
.left .boxes .tibia_dis_meta {
	left:347px;
	top:595px;
	height:110px;
}
.left .boxes .fracture {
	left:210px;
	top:550px;
	width:98px;
	height:66px;
	background-image:url('../images/fracture.gif');
	background-repeat:no-repeat;
	border-color:#c8b6a0;
	opacity:1;
	filter:alpha(opacity=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.left .boxes div.on.fracture {
	background:url('../images/fracture.gif');
	border-color:#009cde;
}


.right .boxes {
	right:0px;
}
.right .boxes .femur_prox_meta {
	right:300px;
	top:30px;
	width:150px;
	height:110px;
}
.right .boxes .femur_prox_dia {
	right:310px;
	top:150px;
}
.right .boxes .femur_mid_dia {
	right:325px;
	top:225px;
}
.right .boxes .femur_dis_dia {
	right:335px;
	top:280px;
}
.right .boxes .femur_dis_meta {
	right:340px;
	top:335px;
}

.right .boxes .knee_joint {
	right:345px;
	top:355px;
	height:100px;
}

.right .boxes .tibia_prox_meta {
	right:340px;
	top:405px;
	height:100px;
}
.right .boxes .tibia_prox_dia {
	right:335px;
	top:455px;
}
.right .boxes .tibia_mid_dia {
	right:340px;
	top:515px;
}
.right .boxes .tibia_dis_dia {
	right:340px;
	top:575px;
}
.right .boxes .tibia_dis_meta {
	right:347px;
	top:595px;
	height:110px;
}
.right .boxes .fracture {
	right:210px;
	top:550px;
	width:98px;
	height:66px;
	background-image:url('../images/fracture.gif');
	background-repeat:no-repeat;
	border-color:#c8b6a0;
	opacity:1;
	filter:alpha(opacity=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.right .boxes div.on.fracture {
	background:url('../images/fracture.gif');
	border-color:#009cde;
}


/*****************
 Hardware
******************/

#hardware {
	text-align:left;
}
#hardware .left {
	width:475px;
	display:block;
	float:left;
}
#hardware .left_col {
	width:268px;
	display:inline-block;
}
#hardware .right_col {
	width:158px;
	padding-top:36px;
	display:inline-block;
	vertical-align:top;
}
#hardware h2 {
	color:#009cde;
	font-family:'Gotham Rounded Medium' !important;
	margin:0px 0px 5px;
	font-size:21px;
}
#distal_select {
	display:block;
	border-top:#DDD solid 1px;
	margin-top:25px;
	padding-top:20px;
}
#hardware .ring  {
	display:block;
	width:91%;
}
#hardware .ring label {
	margin-top:14px;
}
#hardware .ring .dropdown_arrow:after {
	top:8px;
}
#hardware .ring .dropdown_arrow {
	width:190px;
	margin-left:7px;
	margin-bottom:3px;
}
#hardware .ring input {
	width:156px;
}
#hardware .ring .label {
	font-family:'Gotham Rounded Medium';
	width:60px;
	text-align:right;
	display:inline-block;
}
#hardware .ring .right_col .label {
	width:150px;
	text-align:left;
}
.ring_select {
	background-image:url(../images/ring.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:130px;
	display:block;
	vertical-align: top;
	height:152px;
	position:relative;
	left:10px;
	top:10px;
}
.ring_select span {
	background:#a5bed0;
	cursor:pointer;
	display:block;
	width:25px;
	height:25px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border:#5d819b solid 2px;
	position:absolute;
	margin-left:-35px;
}
.ring_select span.on:hover,
.ring_select span.on {
	background:#f0c61d;
}
.ring_select span:hover {
	background:#bacddb;
}
.ring_select .t {
	left:86px;
	top:17px;
}
.ring_select .b {
	left:86px;
	top:104px;
}
.ring_select .tr {
	left:123px;
	top:37px;
}
.ring_select .br {
	left:123px;
	top:83px;
}
.ring_select .tl {
	left:47px;
	top:37px;
}
.ring_select .bl {
	left:47px;
	top:83px;
}
#hardware .right {
	float:right;
}
#ring_interactive {
	background-image:url(../images/interactive_rings.gif);
	background-position:center;
	width:391px;
	height:915px;
	display:block;
	margin:0px auto;
}
.grid_left {
	background:#e0e0e0; 
	display:block;
	width:40px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
}
.grid_left.strut_selection {
	background-image:url(../images/strut_selection.gif);
	height:124px;
}
.grid_left.connections {
	background-image:url(../images/connections.gif);
	height:248px;
}
#grid {
	margin:30px 0px 0px;
	width:480px;
}
#grid ul {
	padding:0px;
	margin:0px;
	list-style-type: none;
	border-bottom:#a6a6a6 solid 1px;
	float:left;
}
#grid li {
	background:#FFF;
	display:block;
	font-size: 0;
	border-top:#a6a6a6 solid 1px;
}
#grid .rowName {
	font-size:14px;
	padding:0px 9px;
	display:inline-block;
	vertical-align: middle;
	line-height:30px;
	width:139px;
}
#grid .indent {
	border-top:#ddd solid 1px;
}
#grid .indent .rowName {
	font-size:14px;
	color:#888;
	text-indent:10px;
}
#grid .strut {
	width:46px;
	height:40px;
	display:inline-block;
	margin-left:1px;
	vertical-align: middle;
	text-align:center;
	line-height:44px;
	font-size:14px;
}
#grid #strut_select .strut {
	cursor:pointer;
}
#grid .num1 {
	background:#f2e4e6;
}
#grid .num2 {
	background:#f8e8dd;
}
#grid .num3 {
	background:#f8f2de;
}
#grid .num4 {
	background:#e7f1e5;
}
#grid .num5 {
	background:#ededed;
}
#grid .num6 {
	background:#e5ecf1;
}
#grid .num1 span,
.strut_col1 {
	background:#7c4515;
}
#grid .num2 span,
.strut_col2 {
	background:#e47b00;
}
#grid .num3 span,
.strut_col3 {
	background:#f4c508;
}
#grid .num4 span,
.strut_col4 {
	background:#5fb64c;
}
#grid .num5 span,
.strut_col5 {
	background:#959595;
}
#grid .num6 span,
.strut_col6 {
	background:#4d8ab5;
}
#grid_cols {
	font-size:0px;
	height:45px;
}
#grid_cols .dropdown_arrow:after {
	top:3px;
	right:8px;
}
#grid_cols .rowName {
	width:179px;
	text-align:center;
}
#grid_cols label {
	margin-top:4px;
	font-size:13px;
}
#grid_cols input {
	height:23px;
}
#grid_cols .strut {
	color:#FFF;
	font-size:18px;
	font-family:'Gotham Rounded Medium' !important;
	height:45px;
	line-height:50px;
}
#grid .strut span {
	width:30px;
	font-size:16px;
	height:30px;
	display:block;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	line-height:34px;
	color:#FFF;
	margin:5px auto 0px;
	font-family:'Gotham Rounded Medium' !important;
}
#grid .strut input {
	border:none;
	width:30px;
	height:25px;
	margin-top:7px;
	text-align:center;
	font-size:13px;
	padding-top:2px;
	color:#009cde;
}
#grid .zSelect {
	display:block;
	width:37px;
	height:30px;
	background:#FFF;
	margin:5px auto;
	position:relative;
	cursor:pointer;
}
#grid .zSelect.up:before {
	content:'\2191';
	display:block;
	position:absolute;
	left:-2px;
	z-index:2;
	width:23px;
	font-size:16px;
	top:-5px;
	color:#000;
	height:18px;
	cursor:pointer;
	font-family:'Gotham Rounded Bold';
}
#grid .zSelect.down:before {
	content:'\2193';
	display:block;
	position:absolute;
	left:-2px;
	z-index:2;
	width:23px;
	font-size:16px;
	top:-6px;
	color:#000;
	height:18px;
	cursor:pointer;
	font-family:'Gotham Rounded Bold';
}
#grid .zSelect.none:before {
	content:'x';
	display:block;
	position:absolute;
	left:-1px;
	z-index:2;
	width:23px;
	font-size:16px;
	top:-7px;
	color:#000;
	height:18px;
	cursor:pointer;
	font-family:'Gotham Rounded Bold';
}
#grid .zSelect:after {
	content:'\25BE';
	display:block;
	position:absolute;
	right:0px;
	z-index:10;
	width:23px;
	font-size:16px;
	top:-7px;
	color:#aaa;
	height:18px;
	cursor:pointer;
	
}
#grid .indent .strut {
	position:relative;
}
#grid .zSelectDropdown .zSelect:after {
	display:none !important;
}
#grid .zSelectDropdown .zSelect:before {
	display:inline-block;
	top:2px;
	left:5px;
}
#grid .zSelectDropdown .zSelect {
	margin:0px;
	line-height:29px;
	padding:0px 10px 0px 27px;
}
#grid .zSelectDropdown {
	position:absolute;
	top:0px;
	left:0px;
	width:76px;
	text-align:left;
	font-size:12px;
	margin:3px;
	display:block;
	background:#FFF;
	border:#999 solid 1px;
	z-index:11;
	line-height:12px;
	cursor:pointer;
}
#grid .zSelectDropdown .zSelect:hover {
	background:#EEE;
}
#hardware_submit {
	width:250px;
	margin:30px 0px;
}
#ring_container {
	display:none;
}
#ring_container_overlay {
	background:#f8f8f8;
	padding:10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display:block;
	width:420px;
	border:#b7dcec solid 1px;
	text-align:center;
	float:right;
}
#ring_steps {
	float:left;
	width:400px;
	display:block;
}
#ring_steps ul {
	margin:20px 0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
}
#ring_steps li {
	display:block;
	clear:both;
	margin:20px 0px 0px;
	color:#009cde;
	font-size:14px;
}
#ring_steps span {
	width:40px;
	height:40px;
	float:left;
	display:inline-block;
	color:#FFF;
	line-height:43px;
	text-align:center;
	font-family:'Gotham Rounded Bold';
	font-size:18px;
	margin-right:10px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
}
#ring_steps li.off {
	opacity:.3;
	filter:alpha(opacity=.3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

}
#ring_steps .button.left {
	float:left;
	width:90px;
	margin-right:3px;
}
#ring_steps .button.right {
	float:right;
	width:60px;
}
#launch_custom_strut {
	margin-top:3px;
	float:right;
}


/*****************
 xray
******************/

#xray {
	text-align:left;
	width:1120px;
}
#xray .left {
	width:600px;
	display:block;
	float:left;
	border-right:#009cde solid 1px;
	padding-right:15px;
}
#xray_submit {
	width:250px;
	margin:20px 0px;
}
#xray #instructions {
	background:#e7f8ff;
	border:#009cde solid 1px;
	display:block;
	color:#0a739f;
	min-height:10px;
	padding:12px 10px 10px 10px;
}
#xray #instructions_graphic {
	background-image:url(../images/xray_instructions.gif);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	height:380px;
	background-size: 100% auto;
	float:right;
	width:350px;
	margin-top:0px;
}
#xray #steps {
	margin:10px 0px 0px;
	padding:0px;
	list-style-type: none;
	float:left;
	
}
#xray #steps li {
	font-size:12px;
	display:block;
	padding:3px 0px;
	color:#999;
}
#xray #steps li span {
	vertical-align:middle;
	display:inline-block;
	width:30px;
	height:30px;
	line-height:33px;
	background:#bdbdbd;
	color:#FFF;
	text-align:center;
	font-family:'Gotham Rounded Medium' !important;
	margin-right:8px;
}
#help {
	background:#009cde;
	font-size:12px;
	width:22px;
	height:22px;
	display:inline-block;
	text-align:center;
	color:#FFF;
	line-height:22px;
	font-weight:bold;
	cursor:pointer;
	border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
}
#xray #steps li.on span,
#xray #steps li.selected span {
	background:#009cde;
}
#xray #steps li.on {
	color:#000;
}
#xray #steps li.selected {
	font-family:'Gotham Rounded Medium' !important;
	color:#009cde;
}
#xray .right {
	display:block;
	float:right;
	width:485px;
}
#xray #zoom {
	height:28px;
	width:28px;
	background-image:url(../images/icons.png);
	background-repeat:none;
	background-position:0 -62px;
	float:right;
	cursor:pointer;
	position:relative;
	top:4px;
}
#xray_window {
	background-image:url(../images/xray_temp.gif);
	width:485px;
	height:651px;
	display:block;
	margin-top:14px;
}
#xray_interact {
	font-size:16px;
	margin-top:20px;
}
#xray_interact label {
	padding-right:10px;
}
#xray_interact .small_text {
	font-size:12px;
	padding-left:5px;
}
#xray_interact div.row {
	padding:5px 0px;
	height:30px;
	vertical-align: middle;
	line-height:34px;
}
#xray_interact input {
	background:#FFF;
	padding:5px;
	border:#009cde solid 1px;
	color:#009cde;
	width:25px;
	height:20px;
	text-align:center;
	font-size:16px;
}
#xray_interact .button {
	margin-left:10px;
}
#xray_interact .adjust {
	background-image:url(../images/icons.png);
	background-repeat:none;
	background-position:0 -89px;
	width:16px;
	height:23px;
	display:inline-block;
	vertical-align: middle;
	cursor:pointer;
}
#xray_interact #adjust_right {
	background-position:17px -89px;
	margin-left:8px;
}
#upload_xray {
	float:left;
}
#apex_angle {
	color:#009cde;
	font-family:'Gotham Rounded Medium' !important;
	font-size:14px;
	margin:10px;
	text-align:center;
	float:left;
	width:260px;
	position:relative;
	left:10px;
}
#xray_interact .adjust_angle {
	background-image:url(../images/icons.png);
	background-repeat:none;
	background-position:0 -141px;
	width:30px;
	height:29px;
	display:inline-block;
	vertical-align: middle;
	cursor:pointer;
}
#xray_interact #adjust_angle_right {
	background-position:0px -112px;
	margin-left:8px;
}

#xray_interact span.check {
	background:#FFF;
	border:#DDD solid 1px;
	width:15px;
	height:15px;
	display:inline-block;
	margin:0px 3px 0px 7px;
	position:relative;
	top:3px;
	cursor:pointer;
}
#xray_interact span.check.on {
	border-color:#009cde;
}
#xray_interact span.check.on:after {
	content:' ';
	display:block;
	position:absolute;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	background-position:0px -42px;
	width:19px;
	height:19px;
	cursor:pointer;
	top:-5px;
}
#xray_interact span.check_item {
	cursor:pointer;
}
#launch_custom_strut {
	margin-top:3px;
	float:right;
}


/*****************
 CORRECTIONS
******************/

#corrections {
	text-align:left;
}
#corrections h1 {
	margin:30px 0px 0px;
}
#corrections h2 {
	font-size:14px;
	padding:4px 0px;
	margin:0px;
}
#correction_table {
	margin:0px 0px 30px;;
	padding:0px;
	list-style-type: none;
	font-size:12px;
	width:600px;
	float:left;
}
#correction_table li {
	display:block;
	clear:both;
	border-bottom:#ddd solid 1px;
	height:41px;
}
#correction_table div {
	display:inline-block;
	height:41px;
	vertical-align: middle;
	float:left;
	margin-right:2px;
}
#correction_table .parameter {
	background:#FFF;
	width:192px;
	padding:0px 10px;
	line-height:47px;
	font-family:'Gotham Rounded Medium' !important;
	
}
#correction_table .direction {	
	background:#e5ecf1;
}
#correction_table input,
#adjust_limits input {
	margin:4px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border:none;
	height:24px;
	font-size:12px;
	width:130px;
}
#correction_table label {
	margin-top:14px;
	font-size:12px;
	left:5px !important;
}
#correction_table .dropdown_arrow:after {
	margin-top:-1px;
	margin-right:-13px;
	font-size:16px;
}
#correction_table .computed {
	background:#e7f1e5;
	line-height:40px;
	width:80px;
	text-align:center;
	font-family:'Gotham Rounded Medium' !important;
	
}
/* TOP */
#correction_table_top {
	list-style-type:none;
	margin:20px 0px 7px;
	padding:0px;
	font-family:'Gotham Rounded Medium' !important;
}
#correction_table_top div {
	display:inline-block;
	font-size:12px;
	vertical-align: bottom;
}
#correction_table_top .top {
	padding:0px 10px;
	vertical-align: bottom;
}
#correction_table_top .desired_top {
	width:70px;
}
#correction_table_top .parameter_top {
	width:201px;
}
#correction_table_top .direction_top {
	width:160px;
}
#correction_table_top .computed_top {
width: 80px;
}
#correction_table_top .step1_top {
	width:70px;
}


#correction_table .desired,
#correction_table .step1 {
	background:#e7f1e5;
	line-height:50px;
	width:70px;
	text-align:center;
}
#correction_table .desired input,
#correction_table .step1 input,
#adjust_limits input {
	width:50px;
	height:31px;
	text-align:center;
	color:#009cde;
}
#correction_table .step1 {
padding:0px;
margin:0px;	
}
#adjust_limits {
	background:#efe9e0;
	display:block;
	width:358px;
	height:227px;
	float:right;
	margin:0px 0px 0px;
	text-align:center;
	padding-top:25px;
}
#adjust_limits label {
	display:inline-block;
	width:200px;
	text-align:left;
	vertical-align:middle;
}	
#adjust_limits span {
	height:32px;
	vertical-align:middle;
	font-size:12px;
	line-height:32px;
	width:62px;
	display:inline-block;
	font-family:'Gotham Rounded Medium' !important;
	
}
#reset_submit {
	margin-right:10px;
}
#corrections_window {
	background-image:url(../images/corrections_window.png);
	background-position:center;
	width:599px;
	height:522px;
	display:block;
	margin:30px auto 2px;
	border:#aaa solid 1px;
}
#corrections_controls {
	width:601px;
	margin:0px auto;
	text-align:center;
}
#corrections_controls span {
	background:#FFF;
	display:inline-block;
	border:#aaa solid 1px;
	height:25px;
	text-align:center;
	line-height:27px;
	vertical-align: top;
	font-size:12px;
	cursor:pointer;
	position:relative;
}
#corrections_controls .large {
	width:71px;
}
#corrections_controls .small {
	width:29px;
}
#corrections_controls #prev:after,
#corrections_controls #next:after,
#corrections_controls #pause:after,
#corrections_controls #play:after {
	content:' ';
	
	position:absolute;
	width:12px;
	height:15px;
	background-position:-4px -172px;
	background-image:url(../images/icons.png);
	left:8px;
	top:6px;
}
#corrections_controls #next:after {
	background-position:-16px -172px;
}
#corrections_controls #pause:after {
	background-position:-4px -190px;
}
#corrections_controls #play:after {
	background-position:-17px -190px;
}
#corrections_submit {
	width:250px;
	margin:30px 0px;
}


/*****************
 CORRECTIONS
******************/

#schedule {
	text-align:center;
}
#download {
	width:250px;
	margin:30px 0px;
}
#schedule h1 {
	text-align: center;
	margin:20px auto;
	width:100%;
	padding:0px;
	display:inline-block;
}
#schedule h1 strong {
	color:#009cde;
	
}
#schedule #grid {
	text-align:left;
	margin:20px auto;
	width:660px;
}
#schedule #grid div.strut {
	width:80px;
	cursor:default;
	font-size:14px;
}
#schedule .rowName {
	width:140px;
}
#schedule .rowName {
	font-size:16px !important;
}
#schedule #grid #grid_cols .strut {
	font-size:14px;
}
#schedule .calendar label {
	margin-top:14px;
}
#schedule .calendar:after {
	margin-top:-2px;
}