.container{ width: 768px; height: 1024px; margin:auto;}

.border{width:768px; height:824px; position: absolute; top:100px; background: #dadbdc;}
.paper{width:748px; height:803px; position: absolute; top:10px; left:10px; background: #fff; }

.col_left {width: 30%; height: 100%; float: left; }
.col_middle {width: 40%;background-image: url("img/body_outline_cropped.png"); background-position: center; height: 100%; float: left;}
.col_right {width: 30%; height: 100%; float: left;}

.menu_left {width: 33.3%; height: 100%; float: left; }
.menu_middle {width: 33.4%;height: 100%; float: left; }
.menu_right {width: 33.3%; height: 100%; float: left; }

.ui-header, .ui-footer{background:#708184; text-shadow: none; border: none; height: 100px; position: relative;}
.ui-footer{margin: 0px 0px 0px 0px; height: 100px; position: relative;}
.ui-header a {background: none;}

.ui-footer li {text-align: center; padding: 10px 10px 10px 10px; margin-top:25px;}


.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline, .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn {
    margin-right: 0px;
    margin-left: 0px;
  }

.ui-grid-b > :nth-child(n) {
    width: 33%;
    height: 179px;
    
   
}

.ui-grid-b {height: 100%; padding: 0px 10px 20px 10px; position: relative;}


.ui-grid-b div,  {height: 100px; text-align:center; background: #FFFFFF; }

.main-content {height:100%; background: #dadbdc; position: relative; float: inherit;}

.main-content a {width:100%; height: 100%; margin: 0px 0px -10px 0px; border: 5px solid #FFFFFF;  }
.main-content h5 {text-shadow: none; margin-top: 40%;}
.page1 .main-content a {float:left;}


.btn-gre {background:#2F7545;}
.btn-yel {background:#EDD534;}
.btn-red {background:#98352A;}


.icon_tab{
	
     height:60px;
     width:30px;
     background: #dadbdc;
     background-image: url("img/willis_icon_tab.png");
     background-repeat: no-repeat;
     background-position: left;
     background-size: 25px auto;
     position: relative;
     top:200px;
     border-radius: 0 60px 60px 0;
     -moz-border-radius: 0 60px 60px 0;
     -webkit-border-radius: 0 60px 60px 0;
}

.note_tab{
	
     height:60px;
     width:30px;
     background: #dadbdc;
     background-image: url("img/willis_note_tab.png");
     background-repeat: no-repeat;
     background-position: right;
     background-size: 20px auto;
     position: relative;
     top:200px;
     float: right;
     border-radius: 60px 0 0 60px;
     -moz-border-radius: 60px 0 0 60px;
     -webkit-border-radius: 60px 0 0 60px;
}

.keyboard_tab{
     height:10px;
     width:75px;
     background: #BBBDC0;
     position: relative;
     top: -20px;
     margin-left: auto;
     margin-right: auto;
     vertical-align: middle;
     border-radius: 20px 20px 20px 20px;
     -moz-border-radius: 20px 20px 20px 20px;
     -webkit-border-radius: 20px 20px 20px 20px;
}

/**
green: #2F7545
yellow: #EDD534
red: #98352A
**/

h1 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 100;
font-size: 33px;
letter-spacing: .1em;
text-align: center;
color: white;

}

h2 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
font-size: 25px;
letter-spacing: .1em;

color: black;
top: 50px;
}

h3 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
font-size: 25px;
letter-spacing: .1em;

color: black;

}

h4 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
font-size: 25px;
letter-spacing: .1em;
text-align: right;
color: black;

}
h5 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 300;

font-size: 25px;
letter-spacing: .1em;
text-align: center;
color: black;
}


.paper img {
	position:auto;
	width:748px;
	height:795px;
	border:none;
}


.footer li { display:inline;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-size: 25px;
letter-spacing: .1em
}

li#gre{color:#2F7545;}
li#yel{color:#EDD534;}
li#red{color:#98352A;}
li#current_patient{background-color:#BBBDC0;}

.current_patient{
	background-color:#BBBDC0;
	width:100px;
	height:100px;
	position: absolute;
	z-index: 0;
}

.footer ul { display:inline;
padding: 0px 0px 0px 0px;
position: relative;
}

.tri_right {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid #FFFFFF;
	border-bottom: 40px solid transparent;
	float:right;
	position:relative;
}

.tri_left {
	width: 0; 
	height: 0; 
	border-left: 40px solid #FFFFFF;
	border-right: 40px solid transparent;
	border-bottom: 40px solid transparent;
	float:left;
	position:relative;
}

.circ_right{
	width:40px;
	height:40px;
	border-radius: 40px 40px 40px 40px;
     -moz-border-radius: 40px 40px 40px 40px;
     -webkit-border-radius: 40px 40px 40px 40px;
     background: #FFFFFF;
     float:right;
     position:relative;
     top: -20px;
     right: 10px;
}

.circ_left{
	width:40px;
	height:40px;
	border-radius: 40px 40px 40px 40px;
     -moz-border-radius: 40px 40px 40px 40px;
     -webkit-border-radius: 40px 40px 40px 40px;
     box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
     border: 5px solid #FFFFFF;
     float:left;
     position:relative;
     top: -20px;
     left: 10px;
}

.tri_right_menu {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid #FFFFFF;
	border-bottom: 40px solid transparent;
	
	position:inherit;
	float:left;
	margin: 0px 5px 0px -35px;
}

.tri_left_menu {
	width: 0; 
	height: 0; 
	border-left: 40px solid #FFFFFF;
	border-right: 40px solid transparent;
	border-bottom: 40px solid transparent;
	
	position:inherit;
	float:left;
	margin: 0px -35px 0px 5px;
}

.circ_right_menu{
	width:40px;
	height:40px;
	border-radius: 40px 40px 40px 40px;
     -moz-border-radius: 40px 40px 40px 40px;
     -webkit-border-radius: 40px 40px 40px 40px;
     box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
     background: #FFFFFF;
     position:inherit;
     float:left;
     margin: 0px 5px 0px 5px;
}

.circ_left_menu{
	width:40px;
	height:40px;
	border-radius: 40px 40px 40px 40px;
     -moz-border-radius: 40px 40px 40px 40px;
     -webkit-border-radius: 40px 40px 40px 40px;
     box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
     border: 5px solid #FFFFFF;
     position:inherit;
     float:left;
     margin: 0px 5px 0px 5px;
}

.gre_menu{
	width:65px;
	height:40px;
	background:#2F7545;
     position:relative;
     float:left;
     margin: 0px 3px 0px 3px;
}

.yel_menu{
	width:65px;
	height:40px;
	background:#EDD534;;
     position:relative;
     float:left;
     margin: 0px 3px 0px 3px;
}

.red_menu{
	width:65px;
	height:40px;
	background:#98352A;
     position:relative;
     float:left;
     margin: 0px 3px 0px 3px;
}

a { color: inherit; text-decoration: inherit;} 


body{margin: 0px;}