@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'droid';
	src: url('DroidSans.ttf'); /* IE 5-8 */
	src: local('☺') /* sneakily trick IE */
	url('DroidSans.woff') format('woff') /* FF 3.6, Chrome 5, IE9 */
	url('DroidSans.ttf') format('truetype'); /* Opera, Safari */
}
body, body.body-in {margin:0; padding:0; background-color:#2f3b4b; background-image:url(images/bodybg.jpg); background-repeat:repeat-x; background-position:top; font-family:Arial, Helvetica, sans-serif}
body.body-in {background-color:#2f3b4b; background-image:url(images/bodyin-bg.jpg); background-repeat:repeat-x; background-position:top}
#logo {margin: 40px auto 10px; max-width: 100%; min-width: 1100px; text-align: center}
.fleftwfull {float:left; width:100%}
#login-main {margin:30px auto; width:1124px; height:auto; background:url(images/login-shade.png) no-repeat center}
#login-panel, #reg-panel {margin:0 auto; width:515px; height:445px; background:url(images/login-panel.png) no-repeat top}
#reg-panel {width:715px; height:511px; background:url(images/reg-panel.png) no-repeat top}
input.userid, input.passwordtype, input.common, input[type="text"].editprof, input[type="password"].editprof, input.common-pass, input.common-re-pass, select.common, select.adduser, input.filter[type="search"], select.small {
    background-color: #FFFFFF;
    border: medium none;
    border-radius: 8px;
    box-shadow: 0 0 3px #000000;
    color: #707070;
    font-size: 0.9em;
    height: auto;
    margin: 65px auto 30px 83px;
    padding: 10px;
    width: 330px;
	font-family:Arial, Helvetica, sans-serif;	
}
input[type="password"].editprof {width:60%}
select.common, select.adduser, select.small {margin:0 auto 30px 0; float:left; clear:both; padding:5px 10px 5px 10px}
select.adduser, select.small {border-radius:5px; width:94%; margin:0 0 16px 0}
select.small {width:100%; font-size:12px; float:left}
#main {margin: 0 auto; max-width: 100%; min-width: 1150px; padding: 0}
input.common, input.common-pass, input.common-re-pass, input[type="text"].editprof, input[type="password"].editprof {margin:0 0 20px 0; width:90%}
input[type="text"].editprof, input[type="password"].editprof {margin:0; padding:5px; box-shadow:none; border-radius:4px}
input[type="search"].filter, input.filteremail[type="search"], input.lastlogin[type="search"] {margin:8px 0; width:90%; margin-bottom:none; background:url(images/enter-bg.png) right no-repeat}
input.common-pass {background-image:url(images/passwordbg.png); background-position:right; background-repeat:no-repeat}
input.common-re-pass {background-image:url(images/conf-pass.png); background-position:right; background-repeat:no-repeat}
input.passwordtype {margin:0 auto 0 83px}
input[type='button'].login, input[type='button'].submit, input[type='button'].close-button, input[type='button'].add-record, input[type='button'].cancel, input[type='button'].cancel-center, input[type='button'].edit, input[type='button'].create, input[type='button'].save, input[type='button'].upload, input[type='button'].generate, input[type='button'].update, input[type='button'].add-button, input[type='button'].download, input[type='button'].cont, input[type='button'].back {float:left; margin:15px 0 0 83px; width:111px; height:34px; border:none; background:url(images/login.png) no-repeat}
input[type='button'].add-button {background:url(images/add-btn.png) no-repeat; float:none; margin:0 15px 0 0}
input[type='button'].upload {background:url(images/upload.png) no-repeat; float:none; margin:20px 0}
input[type='button'].save {float:none; background:url(images/save.png) no-repeat; margin:15px 0 0 0}
input[type='button'].generate {float:left; margin:15px 0 15px 15px; background:url(images/generate.png) no-repeat; width:147px}
input[type='button'].update {float:left; margin:0 15px 15px 0; width:129px; height:34px; background:url(images/update.png) no-repeat}
input[type='button'].submit, input[type='button'].add-record, input[type='button'].close-button, input[type='button'].cont, input[type='button'].back {margin:0 10px 0 24px; background:url(images/submit.png) no-repeat}
input[type='button'].back {background:url(images/back.png) no-repeat; margin:0 15px 0 0}
input[type='button'].cont {background:url(images/continue.png) no-repeat}
input[type='button'].close-button {background:url(images/close-button.png) no-repeat}
input[type='button'].add-record {width:129px; background:url(images/add-record.png) no-repeat}
input[type='button'].nomargin {margin:0}
input[type='button'].edit, input[type='button'].create {background:url(images/edit.png) no-repeat; float:none; margin:20px 0}
input[type='button'].create {background:url(images/create.png) no-repeat}
input[type='button'].cancel, input[type='button'].cancel-center, input[type='button'].download {margin:10px 0 0 0; background:url(images/cancel.png) no-repeat}
input[type='button'].cancel, input[type='button'].download {margin:0 20px 0 0}
input[type='button'].download {background:url(images/download.png) no-repeat; width:130px}
input[type='button'].cancel-center {float:none; margin:15px 0 0 15px}
p.forgotpassword, p.white-txt, p.white-txt1 {float:left; margin:4px 0 0 83px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#a0deff; text-decoration:none; width:80%}
p.white-txt1 {font-style:normal; color:#fff; margin:0 0 15px 0; padding:0; width:100%}
p.forgotpassword a {color:#a0deff; text-decoration:none}
p.forgotpassword a:hover {color:#a0deff; text-decoration:underline}
p.newuser {float:right; margin:35px 83px 0 0; font-style:normal; color:#FFF; text-decoration:none; width:auto; font-size:12px}
p.newuser a {color:#FFF; text-decoration:none}
p.newuser a:hover {color:#FFF; text-decoration:underline}
.copyright {font-size:11px; color:#6c7683; text-align:center}
.titleph {margin:0 auto; width:715px; height:30px}
h1.p-title, h1.page-title, h1.settings-title, h1.notification, h1.ptitle {float:left; margin:0; padding:0; font-size:24px; color:#FFF; font-weight:normal}
h1.page-title, h1.settings-title, h1.notification, h1.ptitle {margin:25px 0 20px 0; clear:both; width:100%}
h1.settings-title, h1.notification, h1.ptitle {float:left; margin:0; width:auto}
h1.ptitle {margin:15px 0 10px 0; clear:none}
p.reg-text {float:right; width:80%; padding:10px 0; margin:0 20px 0 0; text-align:right; font-size:14px; color:#000; text-decoration:none}
p.reg-text a {color:#fff; text-decoration:none}
p.reg-text a:hover {color:#fff; text-decoration:underline}
.leftph, .leftph-profile, .leftph-editprofile, .onethirdpanel, .onethirdpanel-add, .centerpanel-add, .rightpanel-add {float:left; width:47%; margin:10px 0 0 21px}
.onethirdpanel, .onethirdpanel-add, .centerpanel-add, .rightpanel-add {width:32%; margin:10px 38px 0 0; background:#19212e; padding:10px; border-radius:10px; height:170px}
.onethirdpanel-add, .centerpanel-add, .rightpanel-add {padding:0; background:none; border:none; border-radius:0; height:auto}
.centerpanel-add {margin:10px 0 0 0}
.rightpanel-add {margin:10px 0 0 0; float:right; width:30%}
.leftph-profile, .leftph-editprofile {margin:10px 0 0 0; width:48%}
.leftph-editprofile {width:52%}
.rightph, .rightph-profile, .rightph-editprofile, .onethirdpanelright {float:right; width:47%; margin:10px 20px 0 0; text-align:right}
.rightph-profile, .rightph-editprofile {margin:10px 0 0 0; text-align:right; width:48%}
.rightph-editprofile {width:45%; margin: 74px 0 0 0}
.onethirdpanelright {width:32%; margin:10px 0 0 0;  background:#19212e; padding:10px; border-radius:10px; height:170px}
#header-inside {height: 81px; margin: 0 auto; width: 98%}
#header-inside .logo {float:left; width:auto; margin:0 0 0 20px}
#steps {float:left; margin:32px 0 0 320px; width:auto}

a.ur-steps, a.settings {width:auto; height:auto; background-color:#343f4f; border:none; padding:10px 28px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#8af1f6; font-style:italic; text-decoration:none; background-image:url(images/downarrow.png); background-repeat:no-repeat; background-position:right}
a.ur-steps {color:#8af1f6; text-decoration:none}
a.ur-steps:hover {color:#8af1f6; text-decoration:none}
a.ur-steps:visited {color:#8af1f6; text-decoration:none}
a.settings {background:none}
#name-status {float:left; margin:32px 0 0 49px; width:auto; height:auto}
.status {float:left; padding:0; margin:0 25px 0 0; font-size:14px; color:#56f7ff; text-decoration:none}
.username {float:left; padding:0; margin:0; font-size:14px; color:#fff; text-decoration:none; font-weight:bold}
#settings {float:right; margin:31px 26px 0 0; width:auto}
.mright15 {margin:0 15px 0 0}
.mright10 {margin:0 10px 0 0}
.mright25 {margin:0 25px 0 0}
#contentpart-home, #contentpart, #cont-preference {width:1000px; margin:30px auto; clear:both}
#cont-preference {margin:50px auto}
#contentpart {width:1200px; margin:0 auto}
ul.homeicons, ul.homeicons1, ul.preference {float:left; width:100%; margin:100px 0 0 0; padding:0; list-style:none}
ul.preference {margin:50px 0 0 0}
ul.homeicons1 {margin:80px 0}
ul.homeicons li, ul.homeicons1 li, ul.preference li, ul.homeicons li.value {float:left; width:20%; height:112px; text-align:center; margin:0; padding:0; list-style:none}
/*ul.homeicons li.value*/
ul.preference li, ul.preference li.right {width:45%; height:120px; border-radius:8px; background:#5b6b80}
ul.preference li.right {float:right}
p.icon-txt, p.pref-title, p.adduser-title, p.note-use {position:relative; width:100%; bottom:0; text-align:center; font-family: 'droid'; font-size:16px; color:#FFF; text-decoration:none}
p.pref-title, p.adduser-title, p.note-use {position:inherit; float:left; font-size:18px; text-align:left; margin:15px 0}
p.adduser-title, p.note-use {margin:0; padding:0 0 0 15px}
p.note-use {float:left; width:auto; margin:12px 0 0 25px} 
p.icon-txt a, p.pref-title a {color:#FFF; text-decoration:none}
p.icon-txt a:hover, p.pref-title a:hover {color:#a7efff; text-decoration:underline}
#footer {float:left; width:100%; margin:30px 0 0 0; text-align:center} 
.fleftauto {float:left; width:auto}
.frightauto {float:right; width:auto}
label, label.popup, label.pass-generate, label.export, label.black, label.dark-grey, p.history, p.datetime {margin:0; padding:0; font-family: 'droid'; font-size:14px; color:#56F7FF}
label.popup, label.pass-generate, label.export, label.black, p.history, p.datetime {float:left; font-size:12px; color:#688BA6; clear:both}
p.history {clear:inherit; float:right}
p.datetime {float:right; clear:none; margin:15px 15px 0 0}
label.export {clear:none}
label.black {color:#000; font-weight:normal}
label.dark-grey {color:#666; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
label.pass-generate {clear:none; margin:20px 0 0 20px; font-size:14px}
input[type='checkbox'].popup {float:left; margin:4px 10px 10px 15px}
p.data, p.sec-title {margin:0; padding:0; font-family: 'droid'; font-size:14px; color:#fff; text-decoration:none}
p.data a {color:#56F7FF; text-decoration:none}
p.data a:hover {color:#56F7FF; text-decoration:underline}
p.sec-title {font-size:16px; color:#BDE3FB; font-weight:bold}
.collapsable-panel, .collapsable-panel1, .collapsable-panel2 {
   /* border: 1px solid #5d646e;*/
    height: auto;
    position: absolute;
    top: 59px;
    width: 605px;
    z-index: 1000;
	left: 395px;
	background:#acb8c8;
}
.collapsable-panel1, .collapsable-panel2 {position:absolute; height:auto; width:150px; z-index:1000; top: 65px; left:inherit; right:50px; background-color:#fff; border-color: #FFFFFF rgba(0, 0, 0, 0); border-style: solid; border-width: 0 6px 6px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius:8px}
.collapsable-panel2 {float:left; position:inherit; top:inherit; left:inherit; right:inherit; width:751px; border:none; box-shadow:none; margin:10px 0 15px 15px}
.steps-heading {float:left; width:100%; padding:5px 0; margin:0; background-color:#343f4f}
p.whatsthis {float:left; padding:2px 0 0 15px; margin:0; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#BDD0DF; text-decoration:none}
p.whatsthis a {color:#BDD0DF; text-decoration:none}
p.whatsthis a:hover {color:#BDD0DF; text-decoration:underline}
label.small {font-size:12px; color:#BDD0DF; padding:0 10px 0 0; margin:0; float:left}
label.radiolabel {font-size:11px; color:#BDD0DF; padding:0 10px 0 0; margin:0}
.header-right {float:right; width:auto; margin:0 10px 0 0; padding:0}
.fleftfullhauto {float:left; width:100%; height:auto}
tr.header {background:#6882a7}
tr.header1 {background:#262e39}
tr.header td.b, tr.header td, tr.header1 td.b, tr.header1 td {border-right:#81B4D1 1px dotted; text-align:center; font-size:11px; color:#a7efff; padding:5px 0}
tr.header td, tr.header1 td {border-right:none}
tr.header1 td.b, tr.header1 td {font-size:14px}
td.record, td.nsteps, td.record1, td.page-nav {border-right:#fff 1px dotted; border-bottom:#000 1px dotted; font-size:11px; color:#fff; padding:3px 0 3px 4px}
td.record1, td.page-nav {border-right:#81B4D1 1px dotted; border-bottom:#81B4D1 1px dotted; font-size:12px; padding:5px 0}
td.nsteps {text-align:left}
td.record-last, td.record1-last, td.page-nav {border-bottom:#000 1px dotted; text-align:center; font-size:11px; color:#fff; padding:3px 0 3px 4px}
td.page-nav {background:#262e39; border-bottom:none; border-right:none; padding:8px 0}
td.record1-last {border-bottom:#81B4D1 1px dotted}
table#records tr {background:none}
table#records tr:hover {background:#a2adbd}

.dropdown {
    background: none repeat scroll 0 0 #FFFFFF;
/*    border-bottom: 1px solid #000;*/
    border-radius: inherit;
    font-weight: normal;
    list-style: none outside none;
    transition: all 0.5s ease-in 0s;
    width: 100%;
	float:left;
	padding:0;
	margin:0
}
.settingstoparrow {float:left; width:100%; margin:-7px 0 0 0; background-image:url(images/toparrow.png); background-position:top 0 right 35px; background-repeat:no-repeat; height:7px}

/*.dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}*/
.dropdown li a, .dropdown li a.terminal {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E6E8EA;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #8AA8BD;
    display: block;
    float: left;
    font-size: 12px;
    padding: 8px 0 8px 5px;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
    width: 145px;
}
.dropdown li a.terminal {border-bottom:none}
.dropdown li a:hover, .dropdown li a.terminal:hover {background:#E6F2F7; color:#16375F}
.preference-txtpanel {float:left; width:308px}
.common-text {float:left; clear:both; font-size:12px; color:#8d9ab4; margin:0; padding:0; width:100%; text-align:left}
.pagetitlepart {float:left; width:100%; padding:8px 0; border-bottom:#6f7b8a 1px dotted}
.toplinks-panel {float:right; width:auto; padding:8px 0; margin:20px 0 0 0}
p.mleft10, .mleft10 {margin:0 0 0 10px}
.mtopleft-g1 {margin:4px 0 0 15px}
.padding-r1 {padding:0 10px 0 0}
select.mgap {margin:0; float:none}
select.f12 {font-size:12px}
.titlebar-right {float:right; width:auto; margin:0}
a.first, a.last, a.prev, a.next, a.pno {width:20px; height:15px; font-size:14px; color:#000; background:#3CF; text-align:center; padding:7px 9px 9px 9px; text-decoration:none; border-radius:4px; float:right; margin:0 10px 0 0}
.mtopbot20 {margin:20px 0}
ul.topgap10 {margin:10px 0 0 15px !important}
div.mbotnone {margin-bottom:0}
.leftw174 {float:left; width:174px}
.mbot15, div.tab-top-bar ul.mgap10 {margin:5px 0 10px 10px}
a.generate, a.pass-settings, a.red, a.copy {float:left; width:auto; padding:8px 15px; margin:0 10px 0 0; background:#6CF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:center; text-decoration:none; font-weight:bold; border-radius:4px}
a.copy {background:#385C72; color:#FFF; margin:15px 0 0 10px}
a.red {background:#ff6113; color:#FFF; margin:0; float:right}
a.pass-settings {background-color:#F90; margin:0}
a.pass-settings:hover {color:#000; text-decoration:none}
a.generate:hover {color:#000; text-decoration:none}
a.frightgap, a.frightgap0 {margin:0 30px 0 0; float:right}
a.frightgap0 {margin:0}
.linegap20 {float:left; width:100%; height:20px}
#left-part {
    float: left;
    height: auto;
    width: 206px;
}

#menu-panel, #mail-menu, #shared-box, #shared-box-left, .multi-user-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EFEFEF;
    /*border-radius: 15px;*/
    float: left;
    height: auto;
    width: 178px;
}
#mail-menu {
    border-radius: 5px;
    margin: 0 0 15px;
    width: 180px;
	background:none;
	border:none
}
.blue-header, .dheader, .blue-footer, #shared-box .blue-header, #mail-menu .blue-header {
    background-color: #7CD4FF;
    border: 1px solid #7CD4FF;
    border-radius: 3px 3px 0 0;
    float: left;
    height: 38px;
    margin: 1px;
    width: 174px;
}
#mail-menu .blue-header {
    background-color: #434a54;
    border: none;
    border-radius: 0;
    width: 98%;
}
ul.dashboard-title, ul.share-title, ul.msg-title {
    float: left;
    margin: 10px 0 0 30px;
    padding: 0;
}
ul.msg-title {
    margin: 8px 0 0 10px;
}

ul.menu-item, ul.multi-menu-item, ul.msg-menus, ul.vitals-menus, ul.edu-menus {
    float: left;
    margin: 1px;
    padding: 0;
    width: 174px;
}
ul.multi-menu-item, ul.msg-menus, ul.vitals-menus, ul.edu-menus {
    width: 100%;
}
li.comm, li.comm-a, li.inbox, li.inbox-a, li.trash, li.trash-a, li.drafts, li.drafts-a, li.sent, li.sent-a, li.todo, li.todo-a, li.medication, li.medication-a, li.calendar, li.calendar-a, li.contact, li.contact-a, li.notes, li.notes-a, li.upload, li.upload-a, li.dash, li.dash-a, li.resources, li.resources-a, ul.vitals-menus li, ul.vitals-menus li.active, ul.edu-menus li, ul.edu-menus li.active {
    border-bottom: 1px dotted #536273;
    color: #717171;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    list-style-image: url("images/comm-li-disable.png");
    list-style-position: inside;
    margin: 0;
    padding: 9px 0 9px 12px;
    text-decoration: none;
    width: 162px;
}
ul.msg-title li, ul.vitals-menus li, ul.vitals-menus li.active, ul.edu-menus li, ul.edu-menus li.active {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    list-style: none outside none;
}
ul.vitals-menus li.active, ul.edu-menus li.active {color:#A7EFFF}
ul.vitals-menus li, ul.edu-menus li {
	list-style:none;
	list-style-image:none;
	text-decoration:none;
}
ul.vitals-menus a li, ul.edu-menus a li {
    color: #fff;
	text-decoration:none	
}
ul.vitals-menus a:hover li, ul.edu-menus a:hover li {
    color: #A7EFFF;
	text-decoration:none	
}
ul.vitals-menus li.active, ul.edu-menus li.active {
	color:#A7EFFF;
	text-decoration:none
}
ul.edu-menus li, ul.edu-menus li.active {font-size:12px; float:left; width:100%}
ul.edu-menus li.active {font-size:12px; float:left; width:100%; color:#ff0}
ul.edu-menus li.end {border-bottom:none}
a.side {
    color: #555555;
    text-decoration: none;
}
li.drafts {
    list-style-image: url(images/drafts.png);
}
li.drafts-a, li.sent-a, li.trash-a {color:#A7EFFF; text-decoration:none; list-style-image:url(images/drafts-active.png); font-weight:bold} 
li.sent-a {list-style-image:url(images/sent-active.png)}
li.trash-a {list-style-image:url(images/trash-active.png)}
li.drafts {
    list-style-image: url("images/drafts.png");
}
a li.drafts {
    color: #717171;
    list-style-image: url("images/drafts.png");
    text-decoration: none;
}
li.inbox, li.inbox-a, li.drafts, li.drafts-a, li.sent, li.sent-a, li.trash, li.trash-a {
    width: 92%;
	font-size:16px;
}
li.inbox-a {
    color: #a7efff;
    list-style-image: url("images/inbox-active.png");
    text-decoration: none;
}
li.trash {list-style-image: url("images/trash.png")}
a li.trash {
    color: #717171;
    list-style-image: url("images/trash.png");
    text-decoration: none;
}
li.inbox-a a, li.inbox-a a:hover, li.trash-a a, li.trash-a a:hover, li.drafts-a a, li.drafts-a a:hover, li.sent-a a, li.sent-a a:hover {color:#a7efff; text-decoration:none}
li.sent {list-style-image: url("images/sent.png")}
a li.sent {color: #fff; list-style-image: url("images/sent.png"); text-decoration: none; font-weight:normal}
a li.inbox {color:#fff; text-decoration:none; list-style-image:url(images/inbox.png); font-weight:normal}
a:hover li.inbox {color:#a7efff; text-decoration:none; list-style-image:url(images/inbox-active.png); font-weight:bold}
a li.drafts {color:#fff; text-decoration:none; list-style-image:url(images/drafts.png); font-weight:normal}
a:hover li.drafts {color:#a7efff; text-decoration:none; list-style-image:url(images/drafts-active.png); font-weight:bold}
a:hover li.sent {color:#a7efff; text-decoration:none; list-style-image:url(images/sent-active.png); font-weight:bold}
a li.trash {color:#fff; text-decoration:none; list-style-image:url(images/trash.png); font-weight:normal}
a:hover li.trash {color:#a7efff; text-decoration:none; list-style-image:url(images/trash-active.png); font-weight:bold}
#center-part-msg {
    float: right;
    width: 992px;
}
#page-title-area {
    float: left;
    height: auto;
    width: 100%;
}
.page-icon, .cal-page-icon, .resoure-page-icon, .msg-page-icon {
    float: left;
    margin: 18px 15px 0 0;
    width: auto;
}
.cal-page-icon, .resoure-page-icon, .msg-page-icon {margin: 8px 15px 0 0}
h1.pagetitle, h1.msgtitle {
    font-family: 'droid';
    font-size: 27px;
    font-weight: normal;
    margin: 6px 0;
    padding: 0;
}
h1.msgtitle {color:#a7efff}
h1.msgtitle {margin: 11px 0 0}
.search-msg-panel, .search-terms {
    width: 200px;
	float:right
}
.search-terms {
	float:left;
	margin:0 0 0 10px
}
.fright-wauto {
    float: right;
    width: auto;
}
input.search-msg[type="text"] {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 76%;
	background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
	margin-bottom:0
}
#control-area, #edu-resources-area {
    float: left;
    height: auto;
    margin: 20px 0 0;
    width: 100%;
}
#edu-resources-area {
	border-radius:8px;
	border:1px solid #fff
	}
#title-area {
	float:left;
	width:100%;
	background: #11578a;
	border:none;
	border-radius:8px 8px 0 0;
	padding:8px 0;
	border-bottom:#FFF 1px solid
}
.tab-top-bar, .message-in-topbar, .message-display, .immunization-topbar {
    background: none repeat scroll 0 0 #434A54;
    border: 1px solid #11578A;
    border-radius: 0 13px 0 0;
    float: left;
    margin: 0;
    padding: 7px 0;
    width: 100%;
}
.tab-top-bar, .immunization-topbar {background:#11578A}
.immunization-topbar {width:100%; border-radius:0}
.tab-top-bar ul.buttons, .immunization-topbar ul.buttons, .tab-top-bar ul.pagination, ul.pagination, .immunization-topbar ul.pagination, .message-in-topbar ul.buttons, .tab-top-bar ul.buttons li, .immunization-topbar ul.buttons li, .message-in-topbar ul.buttons li {
    float: left;
    list-style: none outside none;
    margin: 0 0 0 10px;
    padding: 0;
    width: auto;
}

.immunization-topbar ul.pagination, ul.pagination {float:right; margin:8px 10px 0 0}
.tab-top-bar ul.buttons li, .message-in-topbar ul.buttons li, .immunization-topbar ul.buttons li {margin: 0 5px 0 0}
.tab-top-bar ul.pagination {
    float: right;
    margin: 0 10px 0 0;
}
ul.pagination {margin:0}
.tab-top-bar ul.pagination li, .immunization-topbar ul.pagination li, ul.pagination li {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    list-style: none outside none;
    margin: 0 10px 0 0;
    padding: 0;
    width: auto;
}
#select-msg-panel, #phy-readiness {
    background: none repeat scroll 0 0 #323E4E;
    border-top: 1px solid #FFFFFF;
    float: left;
    padding: 5px 0;
    width: 100%;
}
#phy-readiness {
	width:84.9%	
}
select.message, select.urgency {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    color: #8F8F8F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 5px;
}
select.message {
    color: #9F9F9F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 171px;
}
ul.msg-status, ul.weight-title {
    float: right;
    list-style: none outside none;
    margin: 4px 8px 0;
    padding: 0;
    width: auto;
}
ul.weight-title {
	float:left;
	width:99%	
}
ul.msg-status li, ul.weight-title li, ul.weight-title li.title {
    color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    list-style: none outside none;
    margin: 0 15px 0 0;
    padding: 0;
    width: auto;
}
ul.weight-title li.title {font-size:16px}
#messages-content, #new-msg-area, #immun-content, #phys-area {
    float: left;
    height: auto;
    margin: 1px 0 15px 0;
    padding: 0;
    width: 100%;
}
#phys-area {margin:0}
#immun-content {width:100%}
ul.pdf-contnet, ul.video-content, ul.message-part {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.message-part li, ul.message-part li.bottom {
    background: none repeat scroll 0 0 #485b74;
    border-bottom: 1px dotted #CCCCCC;
    color: inherit;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 15px 0;
    text-decoration: none;
    width: 100%;
}
ul.message-part li.bottom {background:#323E4E}
ul.message-part a li {background: none repeat scroll 0 0 #485b74; color: inherit; text-decoration: none}
ul.message-part a:hover li {background:#4b72a5; text-decoration:none; color:inherit}
ul.message-part li ul.msg-summary, ul.message-part li.bottom {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.message-part li ul.msg-summary li.icon, ul.message-part li ul.msg-summary li.chkbox, ul.message-part li ul.msg-summary li.senders, ul.message-part li ul.msg-summary li.imp, ul.message-part li ul.msg-summary li.message, ul.message-part li ul.msg-summary li.delete-msg, ul.msg-summary li.msg-draft, ul.msg-summary li.vitals-name, ul.msg-summary li.vitals-chart, ul.msg-summary li.vitals-values, ul.msg-summary li.exercise-chart1, ul.msg-summary li.vitals-values-bold {
    border: medium none;
    float: left;
    list-style: none outside none;
    margin: 0 15px;
    padding: 0;
    width: auto;
}
ul.calories-cons {float:left; width:100%; margin:0; padding:0}
ul.calories-cons li {float:left; width:100%; margin:0 0 15px 0; padding:0; list-style:none}
ul.message-part li.bottom ul.msg-summary li.vitals-name, ul.message-part li.bottom ul.msg-summary li.vitals-chart, ul.message-part li.bottom ul.msg-summary li.vitals-values, ul.msg-summary li.exercise-chart1, ul.msg-summary li.vitals-values-bold {background:#323E4E}
ul.msg-summary li.vitals-name {width:17%; margin:0; font-size:16px; color:#FFF; padding:12px 0 0 15px; text-decoration:none}
ul.msg-summary li.vitals-name a {color:#FFF; text-decoration:none}
ul.msg-summary li.vitals-name a:hover {color:#FFF; text-decoration:underline}
ul.msg-summary li.vitals-chart, ul.msg-summary li.exercise-chart1 {width:60%; margin:0; padding:5px 0 0 0}
ul.msg-summary li.exercise-chart1 {width:55%; background:none}
ul.msg-summary li.vitals-values, .vital-values, .end-value, ul.msg-summary li.exercise-values, ul.msg-summary li.vitals-values-bold {margin:0; padding:5px 0 0 0; font-size:12px; color:#FFF}
ul.msg-summary li.exercise-values {width:19%; margin:0 0 0 60px; border-bottom:none}
.vital-values, .end-value {padding:10px 0; border-right:#B9CFE6 1px dotted}
.vital-values {border-right:none}
ul.message-part li ul.msg-summary li.icon {
    width: 22px;
}
ul.message-part li ul.msg-summary li.senders {
    width: 15%;
}
.msg-time {
    color: #a9c4d6;
    font-size: 11px;
}
ul.message-part li ul.msg-summary li.imp {
    height: 16px;
    margin: 0 8px 0 5px;
    width: 16px;
}
ul.message-part li ul.msg-summary li.message, ul.msg-summary li.msg-draft {
    margin: 0 10px 0 0;
    width: 60%;
}
ul.msg-summary li.msg-draft {width:70%}
p.sender-details, p.field, p.details, p.field1 {
    color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
	clear:both
}
p.details {margin:10px 0 0 15px}
p.field, p.field1 {color:#6CF; font-weight:bold}
p.field1 {margin:15px 0 0 15px}
ul.message-part li ul.msg-summary li.delete-msg {
    margin: 0 0 0 15px;
}
ul.message-part li ul.msg-summary li.delete-msg input[type="button"] {
    background:url(images/delete-msg.png) no-repeat;
    border: 0 none;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px;
}
ul.new-msg-form, ul.new-msg-form-end {
    float: left;
    list-style: none outside none;
    margin: 5px 0 5px 15px;
    padding: 0;
    width: 80%;
}
 ul.new-msg-form-end {margin: 5px 0 30px 15px}
ul.new-msg-form li.label, ul.new-msg-form-end li.label {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 10%;
}
ul.new-msg-form li.input-panel, ul.new-msg-form-end li.input-panel {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 90%;
}
#new-msg-area textarea, textarea  {
    height: 120px;
    margin: 15px;
    width: 95%;
	color: #9F9F9F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	padding: 8px;
}
#attachment-panel {
    float: left;
    margin: 0 0 15px 15px;
    width: 40%;
}
#attachment-panel ul, #buttons-panel ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#attachment-panel ul li.icon-ph {
    float: left;
    list-style: none outside none;
    margin: 0 10px 10px 0;
    padding: 0;
    width: 8%;
}
#attachment-panel ul li.file-name {
    float: left;
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 0;
    width: 88%;
}
.file-name {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#attachment-panel ul li.file-name p {
    color: #999999;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 3px 0 0;
    text-decoration: none;
}
#attachment-panel ul li.file-name p a {color:#fff; text-decoration:none}
#attachment-panel ul li.file-name p a:hover {color:#fff; text-decoration:underline}
#buttons-panel, #buttons-panel-reply {
    float: right;
    margin: 0 15px 15px 0;
    width: 51%;
}
#buttons-panel-reply {margin:0; width:310px}
#attachment-panel ul, #buttons-panel ul, #buttons-panel-reply ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#buttons-panel-reply ul {float:right; width:100%}
#buttons-panel ul li.urgent, #buttons-panel ul li.buttons, #buttons-panel-reply ul li.urgent, #buttons-panel-reply ul li.buttons {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 40%;
}
#buttons-panel-reply ul li.urgent {width:150px}
#buttons-panel-reply ul li.buttons {width:auto; float:right; margin:0 6px 0 0}
li.urgent select.urgency, #buttons-panel-reply ul li.urgent select.urgency {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
	margin:0 0 0 47px
}
#buttons-panel-reply ul li.urgent select.urgency {margin:0}
select.message, select.urgency {
	background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    color: #8F8F8F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 5px;
}

#buttons-panel ul li.buttons {
    float: right;
    width: 45%;
}
#attachfile-section {
    border-top: 1px dotted #999999;
    float: left;
    width: 100%;
}
#attachfile-section p.attach {
    color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 15px;
    padding: 0;
    text-decoration: none;
}
#attachfile-section p.attach a {color:#fff; text-decoration:none}
#attachfile-section p.attach a:hover {color:#fff; text-decoration:underline}
label.pgaptop4 {padding:4px 0 0 0}
p.mtop6 {margin:3px 0 8px}
.br10, #TabbedPanels1 .br10 {border-radius:10px}
.brtop10 {border-radius:10px 10px 0 0}
#msg-details-title {
    border-bottom: 2px dotted #CCCCCC;
    float: left;
    height: auto;
    padding: 10px 0 15px 10px;
    width: 99%;
}
#msg-details-title h1 {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
}
p.msg-between {
    color: #a7efff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 8px 0 0;
    padding: 0;
}
.message-placeholder {
    border-bottom: 1px dotted #CCCCCC;
    float: left;
    margin: 10px 0;
    padding: 10px 0;
    width: 100%;
}
p.messangers {
    color: #5FACD3;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin: 0 0 10px 10px;
    padding: 0;
    width: 50%;
}
p.time-date, p.time {
    color: #69B1D6;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0 10px 10px;
    width: auto;
}
.gen-txt, .gen-txt1, .gen-txt2 {
    color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 10px;
    text-align: justify;
    text-decoration: none;
}
.gen-txt2 {
    color: #A0A0A0;
    line-height: 18px;
	padding:10px
}
img.message-gap {
    margin: 3px 10px 0 0;
}
.gen-txt a {color:#a7efff; text-decoration:none}
.gen-txt a:hover {color:#a7efff; text-decoration:underline}
.show-value {z-index: 1000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:6px 0 0 0; top: -140px; right: 50px; width: 25px; height: 19px; background:url(images/int-bg.png) no-repeat; position: relative; left:130px}
.mbottom15 {margin:0 0 20px 0}
.popuptitle, .popup-panel-title, .popup-panel-title1, .tracker-name {text-align:center; font-family: 'droid'; font-size:24px; color:#6577A7; font-weight:bold}
.popup-panel-title, .popup-panel-title1, .tracker-name {font-size:14px; text-align:left; width:93%; padding:8px; margin:4px 4px 10px 4px; border-bottom:#CCC dashed 1px}
.tracker-name {margin:0}
.tracker-name a {color:#6577A7; text-decoration:none}
.tracker-name a:hover {color:#6577A7; text-decoration:underline}
.popup-panel-title1 {width:97%}
.pgenerator-box, .pgenerator-box-r, .export-box, .export-box-fullwidth, .exportbox-fw, .button-ph, .export-box-r, .download-box, .export-box-r1, #help-left, #help-right {float:left; width:47%; margin:10px; background:#fff; border:#ACC1D0 2px solid; height:210px}
.export-box, .export-box-r, .download-box, .export-box-fullwidth, .button-ph, .help-left, .help-right, .exportbox-fw {height:auto}
#help-left {width:25%; border-right:#999 1px solid; border-left:none; border-top:none; border-bottom:none; margin:0; padding:0 20px 0 0}
#help-right {float:right; width:68%; border:none; margin:0 0 10px 0}
.export-box-fullwidth {width:97%}
.exportbox-fw {width:95%; margin:0; padding:8px}
.button-ph {width:94%}
.export-box-r1 {height:342px}
.download-box {width:97%}
.pgenerator-box-r, .export-box-r {float:right}
.popup-area {float:left; width:100%; margin:8px 4px 10px 4px}
.container {float:left; width:95%; padding:10px; margin:0}
.fleftmleft10 {float:left; margin:0 0 0 10px}
.fleftmtl1510 {float:left; margin:15px 0 0 10px}
p.mtopright-gap, .mtopright-gap {margin:6px 15px 8px 0}
p a {color:#3FF; text-decoration:none}
p a:hover {color:#3FF; text-decoration:underline}
table#records {
  table-layout: fixed; 
  width: 100%;
  *margin-left: -100px;/*ie7*/
}
table#records tr {background:none}
a table#records tr {background:none}
a:hover table#records tr {background:none}
table#records td, table#records th, table#med-records td, table#med-records th {
  vertical-align: top;
  border-top: 1px solid #457AAF;
  padding:5px;
  width:80%;
  background:none
}
table#records td, table#med-records td {font-size:12px; font-weight:bold; color:#FF0}
table#med-records td {height:32px}
table#records th, table#records th.subheading, table#records th.med-red {
  position:absolute;
  *position: relative; /*ie7*/
  left:0; 
  width:17%;
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  padding:5px 5px 10px 30px;
  border-right: 1px solid #457AAF;
}
table#records th.subheading, table#records th.med-red {
	color:#6CF;
	font-weight:normal;
	padding-left:30px;
	text-decoration:none
}
table#records th.med-red {background:url(images/corner-red.png) top right no-repeat}
table#records th.subheading a, table#records th.med-red a {
	color:#6CF;
	text-decoration:none
}
table#records th.subheading a:hover, table#records th.med-red a:hover {
	color:#6CF;
	text-decoration:underline
}
.outer {position:relative}
.inner, .inner-immunization, .inner-medication {
  overflow-x:scroll;
  overflow-y:visible;
  width:80%; 
  margin-left:20%;
  background:none
}
.inner-medication, .inner-immunization {width:79.5%; border-right: 1px solid #457AAF; margin-left:198px}
.inner-medication {margin-left:205px}
.service-usage, .problem-list, .visit-summary, .chem-result, .med-right {float:left; width:20%; background-color: #38475B; border-color: #CBCBCB; border-left: 1px solid #CBCBCB; border-radius:10px; border-style: solid; border-width: 1px; height:auto; margin:28px 0; height:auto}
.problem-list, .visit-summary, .chem-result, .med-right {float:right; width:77%}
.visit-summary, .chem-result, .med-right {width:70%; margin:28px 15px 0 0; height:auto}
.chem-result {border-radius:0}
.med-right {width:55%; border-radius:0; border:none}
.block-title, .block-title2 {float:left; width:100%; border-radius:10px 10px 0 0; padding:10px 0; border-bottom:#cbcbcb 1px solid; background-color: #11578A}
.med-history-ph {float:left; width:100%; border: 1px solid #CBCBCB}
.block-title2 {border-radius:0}
h2.title, h2.title1, h2.title2, h2.title3, h2.n-title, h2.fvalue-name, p.bread-crumb, h2.title-med, h2.title-med1 {float:left; padding:0 0 0 15px; margin:0; color:#FFF; font-weight:bold; font-size:14px; line-height:normal}
h2.title-med, h2.title-med1 {margin:20px 0 0 0; font-size:12px; font-weight:bold; color:#FF0}
h2.title-med1 {margin:0}
p.bread-crumb {color:#ff0}
p.foodvaluename {width:50%; margin:0 0 15px 0; padding:0; font-size:18px; color:#FF0}
h2.n-title {padding:0; font-size:12px; color:#3CF}
h3.sub-title, h3.edu-sub-title {float:left; width:95%; margin:19px 0 5px 0; padding:0; font-size:12px; color:#FF0; font-weight:bold; line-height:normal}
h3.edu-sub-title {width:auto; margin:8px 0 8px 25px; color:#a7efff}
ul.usage, ul.prob-list {float:left; width:100%; margin:0 0 15px 0; padding:0; list-style:none}
ul.prob-list {height:143px; overflow:auto}
ul.usage li, ul.prob-list li {float:left; width:100%; padding:15px 0; margin:0; border-bottom:#6394C5 1px dotted}
.figure-ph {float:left; margin: 8px 0 0 15px; width:16%}
.fig-details {float:left; width:50%; margin:0 0 0 15px}
.figure {padding:0; margin:0; font-size:36px; color:#a7efff; font-weight:bold; text-align:right}
p.small-blue, p.small-blue-l, p.small-white-l {float:right; margin:0 10px 0 0; padding:0; font-size:11px; color:#a7efff; text-decoration:none}
p.small-blue-l, p.small-white-l {float:left}
p.small-blue-l {margin:0 0 3px 0}
p.small-white-l {color:#FFF}
.italic-blue {color:#09F; font-style:italic}
p.caution {float:left; padding:5px; margin:8px 0; width:auto; background:#FF3E22; font-size:12px; color:#FFF; font-weight:bold; font-style:italic}
p.small-blue a {color:#a7efff; text-decoration:none}
p.small-blue a:hover {color:#a7efff; text-decoration:underline}
h2.title1, h2.title2 {margin:30px 0 0 0}
h2.title2, h2.title3, h2.fvalue-name {float:left; width:90%; color:#ff0}
h2.fvalue-name {margin:6px 15px 0 0; font-size:24px; width:auto}
h2.title3 {margin:15px 0 0 0}
ul.next-steps {float:left; width:100%; margin:15px 0 15px 15px; padding:0}
ul.next-steps li {font-size:12px; color:#FFF; margin:0 0 15px 0; padding:0; list-style-type:disc; list-style-position:inside; text-decoration:none}
ul.next-steps li a {color:#6CF; text-decoration:none}
ul.next-steps li a:hover {color:#6CF; text-decoration:underline}
.pe-left, .food-plan, .med-left {float:left; width:25%; margin:10px}
.med-left {width:40%}
.food-plan {width:98%}
table#student-list th, table#student-list td, table#school-list th, table#alert th, table#alert td, table#school-list td {
   background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}
table#student-list td, table#school-list td {
    background: none repeat scroll 0 0 #2585B7;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
input[type='text'].w90 {width:90%}
label.export-record {float:left; font-size:12px; color:#688BA6; margin:0 0 5px 5px; clear:both}
label.daterange {float:left; font-size:12px; color:#688BA6; margin:0 10px 0 0}
.datefrmto {float:left; width:100%; margin:0 0 13px 5px; clear:both}
.to-ph {float:left; margin:5px 5px 0 5px}
.title-ph {color:#fff; margin:10px 0 0 15px; float:left}
.title-notes {color:#8af1f6; margin:0 0 0 15px; float:left; font-size:12px; line-height:normal}
.subject-notes, .linkedtext, .vsigns-notes {color:#8af1f6; margin:0 0 0 114px; float:left; font-size:12px; line-height:normal; text-decoration:none}
.vsigns-notes {margin:0 0 0 100px}
.linkedtext {color:#FF0; float:none; margin:0}
.linkedtext a {color:#FF0; text-decoration:none}
.linkedtext a:hover {color:#FF0; text-decoration:underline}
.immunization-right, .medication-right {float:right; width:18.8%; margin:0 10px 0 0; border-left:1px solid #cbcbcb}
.medication-right {width:15.8%}
ul.immunization-right-points, ul.event-right-points {float:left; width:92%; margin:10px 0 10px 20px; padding:0; font-size:11px; color:#FFF}
ul.event-right-points {width:90%; border-bottom:#FFF 1px dotted; margin:5px 15px 5px 15px}
ul.immunization-right-points li, ul.immunization-right-points li.nobullets , p.exemption, ul.event-right-points li.left, ul.event-right-points li.right, ul.event-right-points li.f-width {float:left; list-style:disc; clear:both; line-height:20px; padding:0; margin:0}
ul.immunization-right-points li.nobullets, ul.event-right-points li.left, ul.event-right-points li.right {list-style:none}
ul.event-right-points li.left, ul.event-right-points li.right, ul.event-right-points li.f-width {clear:none}
ul.event-right-points li.left, ul.event-right-points li.f-width {float:left; width:40%; text-align:left; font-weight:bold; color:#3FF}
ul.event-right-points li.right {float:right; width:60%}
ul.event-right-points li.f-width {width:95%; list-style:none}
p.exemption {font-style:italic; font-size:11px; color:#FFF; margin:10px 0 0 15px}
.blue-small {color:#a7efff}
.ptitle-icon {color:#fff; margin:10px 0 0 15px; float:left}
.gapcenter {margin:15px 0 0 15px; float:left}
.bigblue-txt, .bigyellow-txt {font-size:30px; color:#3CF; font-weight:bold}
.bigyellow-txt {color:#FC0}
.borderlinebottom {border-bottom:#CCC 1px solid}
.small-label, .small-label1 {float:left; padding:5px 0 0 15px; width:100px; text-align:right}
.small-label1 {width:auto; padding:10px 0 0 0}
.units {float:left; padding:5px 0 0 10px}
img.top40 {margin:40px 15px 0 0}
.graph-ph, .physical-readiness, .physician-assigned, .personal {float:left; width:58%; margin:25px; border:#3F91BC 1px dotted; height:335px; border-radius:10px}
.graph-ph {height:363px}
.physical-readiness {float:right; margin:25px 25px 25px 0; border:#3F91BC 1px solid; width:35%; height:auto}
.physician-assigned, .personal {width:46%; margin:0 0 25px 25px; border:#3F91BC 1px solid}
.personal {float:right; margin:0 25px 25px 0}
h2.panel-header, h2.panel-header1 {float:left; width:98%; padding:8px 0 8px 10px; margin:0; border-bottom:#3F91BC 1px dotted; font-size:12px; color:#6CF; font-weight:bold; line-height:normal}
h2.panel-header a, h2.panel-header1 a {color:#FFF; text-decoration:none}
h2.panel-header a:hover, h2.panel-header1 a:hover {color:#fff; text-decoration:underline}
h2.panel-header1 {width:98.5%}
ul.ph-readiness, ul.ph-readiness1 {float:left; width:100%; padding:0; margin:10px 0; list-style:none}
ul.ph-readiness li.left-good, ul.ph-readiness li.left-soso, ul.ph-readiness li.left-bad,  ul.ph-readiness li.left,
ul.ph-readiness li.left-good-fw, ul.ph-readiness li.left-soso-fw, ul.ph-readiness li.left-bad-fw,  ul.ph-readiness li.left-fw,
ul.ph-readiness1 li.left-good, ul.ph-readiness1 li.left-soso, ul.ph-readiness1 li.left-bad,  ul.ph-readiness1 li.left,
ul.ph-readiness1 li.left-good-fw, ul.ph-readiness1 li.left-soso-fw, ul.ph-readiness1 li.left-bad-fw,  ul.ph-readiness1 li.left-fw, ul.ph-readiness li.left-green-arrow, ul.ph-readiness li.green-down-arrow {float:left; width:35%; margin:0 0 0 60px; list-style-image:url(images/good.png); padding:0; list-style-position:inherit}
ul.ph-readiness li.green-down-arrow {list-style-image:url(images/green-dwn-arrow.png); width:100%; margin:0; padding:0}
 ul.ph-readiness1 li.left-good, ul.ph-readiness1 li.left-soso, ul.ph-readiness1 li.left-bad,  ul.ph-readiness1 li.left,
ul.ph-readiness1 li.left-good-fw, ul.ph-readiness1 li.left-soso-fw, ul.ph-readiness1 li.left-bad-fw,  ul.ph-readiness1 li.left-fw
 {float:left; width:35%; margin:0 0 0 60px; list-style-image:url(images/good-pr.png); padding:8px 0; list-style-position:inherit}
ul.ph-readiness li.left-good-fw, ul.ph-readiness li.left-soso-fw, ul.ph-readiness li.left-bad-fw,  ul.ph-readiness li.left-fw,
ul.ph-readiness1 li.left-good-fw, ul.ph-readiness1 li.left-soso-fw, ul.ph-readiness1 li.left-bad-fw,  ul.ph-readiness1 li.left-fw
 {width:100%; margin:0; border-bottom:none}
 ul.ph-readiness li.left-green-arrow {list-style-image:url(images/up-green-arrow.png); width:100%; margin:0}
ul.ph-readiness li.left {list-style:none; margin:0 0 30px 30px; width:90%}
ul.ph-readiness li.left-bad {list-style-image:url(images/bad.png)}
ul.ph-readiness1 li.left-bad{list-style-image:url(images/bad-pr.png); padding:8px 0}
ul.ph-readiness li.left-soso {list-style-image:url(images/soso.png)}
ul.ph-readiness1 li.left-soso, ul.ph-readiness1 li.left-soso-fw {list-style-image:url(images/soso-pr.png); padding:8px 0}
.point-head {float:left; width:100%; font-size:12px; color:#FFF; font-weight:bold; margin:0 0 10px 0}
.white-text, .white-text1, .white-text-big, .white-text-mid, .blue-i-mid, .white-small {font-size:12px; color:#FFF; text-decoration:none}
.white-text-big {font-size:24px; font-weight:normal}
.white-text-mid {font-size:18px; font-weight:normal}
.white-small {font-size:11px; font-weight:normal}
table#records th.med-red .white-small a {color:#FFF; text-decoration:none}
table#records th.med-red .white-small a:hover {color:#FFF; text-decoration:underline}

table#records th.subheading .white-small a {color:#FFF; text-decoration:none}
table#records th.subheading .white-small a:hover {color:#FFF; text-decoration:underline}

.med-gap {font-size:11px}
.blue-i-mid {font-size:16px; color:#39F; text-decoration:italic; font-weight:normal}
.white-text a, a .white-text, a .white-text1 {font-size:12px; color:#fff; text-decoration:none}
.white-text a:hover, a:hover .white-text, a:hover .white-text1 {font-size:12px; color:#fff; text-decoration:none}
a .white-text1, a:hover .white-text1 {color:#fff; text-decoration:none}
.green-text, .yellow-text {font-size:12px; color:#47c410}
.yellow-text {color:#d7ba1c}
.white-italic-text, .blue-italic-text, .blue-text, .b-text {font-size:12px; color:#FFF; font-style:italic}
.orange-itext, .orange-text {color:#F90; font-style:italic}
.orange-text {font-style:normal}
.blue-text {font-style:normal}
.b-text {color:#33CCFF; font-style:normal}
.blue-text {color:#6CF; text-decoration:none}
.blue-text a {color:#6CF; text-decoration:none}
.blue-text a:hover {color:#6CF; text-decoration:underline}
.txt-align-right {margin:0 0 0 30px; float:right}
p.gen-text, p.w-gen-text, p.w-gen-text1, p.w-gen-italic, p.white-text {float:left; width:90%; padding:8px 0 8px 10px; margin:0; font-size:12px; font-weight:normal; color:#000}
p.white-text {width:auto; color:#FFF; margin:inherit; padding:inherit}
p.space1 {margin:14px 0 0 8px}
p.gen-text a {color:#44698E; text-decoration:none}
p.gen-text a:hover {color:#44698E; text-decoration:underline}
p.w-gen-text1 {padding:8px 0}
p.w-gen-italic {font-size:11px; padding:0; margin:4px 0 0 10px; font-style:italic; width:auto; color:#39C} 
p.w-gen-text, p.w-gen-text1 {color:#FFF; text-decoration:none}
p.w-gen-text a, p.w-gen-text1 a {color:#3FF; text-decoration:none}
p.w-gen-text a:hover, p.w-gen-text1 a:hover {color:#3FF; text-decoration:underline}
.blue-label {color:#66CCFF; font-weight:bold}
.greybg, .whitebg, .whitebg1, .greybg-full, .whitebg-full {float:left; width:97%; margin:0 10px; background:#EFEFEF}
.whitebg1 {width:70%}
.greybg-full, .whitebg-full {width:100%; margin:0}
.whitebg, .whitebg1, .whitebg-full {background:#FFF}
.popup-left-part {float:left; width:48%; border-right:#CCC 1px dotted; padding:10px; height:210px}
.popup-right-part {float:right; width:40%}
ul.common, ul.activity {float:left; width:90%; padding:0; margin:0}
ul.activity {margin:15px 0 0 0}
ul.common li {float:left; width:100%; padding:0; margin:0 0 10px 0; list-style:none; clear:both}
ul.activity li.run, ul.activity li.bike, ul.activity li.swim, ul.activity li.elliptical, ul.activity li.yoga, ul.activity li.weight-tr {float:left; width:100%; padding:0 0 0 15px; margin:0 0 10px 0; clear:both; list-style-image:url(images/run-s.png); list-style-position:inside; color:#000; 
text-decoration:none}
ul.activity li.run {color:#000; text-decoration:none}
ul.activity li.run a {color:#000; text-decoration:none}
ul.activity li.run a:hover {color:#000; text-decoration:underline}
ul.activity li.bike {list-style-image:url(images/bike-s.png); color:#000; text-decoration:none}
ul.activity li.bike a {color:#000; text-decoration:none}
ul.activity li.bike a:hover {color:#000; text-decoration:underline}
ul.activity li.swim {list-style-image:url(images/swim-s.png); color:#000; text-decoration:none}
ul.activity li.swim a {color:#000; text-decoration:none}
ul.activity li.swim a:hover {color:#000; text-decoration:underline}
ul.activity li.elliptical {list-style-image:url(images/elliptical-s.png); color:#000; text-decoration:none}
ul.activity li.elliptical a {color:#000; text-decoration:none}
ul.activity li.elliptical a:hover {color:#000; text-decoration:underline}
ul.activity li.yoga {list-style-image:url(images/yoga-s.png); color:#000; text-decoration:none}
ul.activity li.yoga a {color:#000; text-decoration:none}
ul.activity li.yoga a:hover {color:#000; text-decoration:underline}
ul.activity li.weight-tr {list-style-image:url(images/lifting-s.png); color:#000; text-decoration:none}
ul.activity li.weight-tr a {color:#000; text-decoration:none}
ul.activity li.weight-tr a:hover {color:#000; text-decoration:underline}
#nutrition-left {float:left; width:25%; padding:0; margin:15px 10px 0 15px}
#nutrition-center, #my-food-plan, #food-guide, #dr-notes, #suggested-meals {float:left; width:32%; padding:10px; margin:15px 10px 0 0; border:#3780D0 1px solid; border-radius:5px}
#my-food-plan, #food-guide {width:90%; margin:15px 0 15px 55px}
#dr-notes {width:55%; margin:15px 0 15px 55px}
#suggested-meals {width:31%; float:right; margin:15px 39px 15px 0}
#nutrition-right {float:left; width:35%; padding:10px; margin:15px 0 0 0; border:#3780D0 1px solid; border-radius:5px}
.nutrition-panel, .nutrition-panel1 {float:left; width:93%; padding:10px; border:#3780D0 1px solid; border-radius:5px}
.nutrition-panel1 {margin:15px 0 0 0}
.nutrition-panel-title {float:left; width:100%; padding:0 0 10px 0; margin:0; border-bottom:#0CF 1px dotted}
.n-panel-content {float:left; width:100%; margin:15px 0 0 0}
.fleft48 {float:left; width:40%}
.left48 {float:left; width:48%}
.fleft50 {float:left; width:50%}
.mtop50 {margin:50px 0 0 0}
.mtop20 {margin:20px 0 0 0}
.mtop10 {margin:10px 0 0 0}
.frgt48, .right48 {float:right; width:46%; border-left:#39F 1px dotted; padding:0 0 0 40px} 
.right48 {padding:0 0 0 20px}
.fright48 {float:right; width:54%}
ul.water {float:left; width:100%; margin:10px 0; padding:0}
ul.water li {float:left; width:auto; padding:0; margin:0 8px 0 0; list-style:none}
ul.diet, ul.diet1 {float:left; width:100%; margin:10px 0 0 0; padding:0}
ul.diet li, ul.diet1 li {float:left; width:25%; padding:0; margin:0; list-style:none; text-align:center}
ul.diet1 li {width:19%}
p.diet-item {float:left; width:100%; text-align:center; padding:0; margin:0 0 10px 0; font-size:12px; font-weight:bold; color:#3CF}
.center-a {float:left; width:100%; text-align:center}
.diet-comment {float:left; margin:5px 10px 0 0; padding:0; font-size:11px; color:#a7efff; text-decoration:none; width:100%; text-align:center; line-height:normal}
ul.food-plan {float:left; width:99%; margin:0; padding:0 0 20px 0; border-bottom:#6CF 1px dotted}
ul.food-plan li.grains, ul.food-plan li.veg, ul.food-plan li.fruit, ul.food-plan li.fat, ul.food-plan li.meat, ul.food-plan li.oils, ul.food-plan li.sweets {float:left; width:100%; padding:0; margin:0; list-style-image:url(images/mcolour.gif); list-style-position:inside; color:#FFF; text-decoration:none; font-weight:bold; font-size:12px}
ul.food-plan li.veg {list-style-image:url(images/green.gif)}
ul.food-plan li.fruit {list-style-image:url(images/pink.gif)}
ul.food-plan li.fat {list-style-image:url(images/blue.gif)}
ul.food-plan li.meat {list-style-image:url(images/violate1.gif)}
ul.food-plan li.oils {list-style-image:url(images/fats.gif)}
ul.food-plan li.sweets {list-style-image:url(images/sweets.gif)}
ul.food-plan span {color:#F90; font-style:italic}
ul.foods {float:left; width:100%; margin:10px 0 15px 0; padding:0}
ul.foods li {float:left; width:auto; height:auto; margin:0 3px 0 0; padding:0; list-style:none}
.bottom-border {border-bottom:#6f7997 1px solid; padding-bottom:20px}
ul.foodvalue {float:left; width:99%; margin:15px 0; padding:0}
ul.foodvalue li.icon, ul.foodvalue li.values {float:left; width:10%; margin:0; padding:0; list-style:none}
ul.foodvalue li.values {width:89%}
.highlighted-box {float:left; width:88%; margin:10px 0; padding:10px 0; background-color:#25303f; border-radius:8px; text-align:center}
#resources-breadcrumb-area {float:left; width:100%; padding:8px 0; border-bottom:#FFF 1px solid}
#edu-left {float:left; width:17%; height:auto}
#edu-right {float:right; width:83%; background:#1b222a; border-radius:0 0 8px 0}
ul.food-diet {float:left; width:90%; margin:20px 0 20px 20px; padding:0}
ul.food-diet li.img {float:left; width:auto; padding:0; margin:0; list-style:none}
ul.food-diet li.right {float:right; width:70%; padding:0; margin:0; list-style:none}
ul.edu-subpoints {float:left; width:95%; padding:0; margin:15px 0 0 0}
ul.edu-subpoints li {float:left; width:100%; padding:0; margin:0 0 5px 0; list-style-type:disc; font-size:12px; color:white; list-style-position:inside}
.edu-cont-left, .edu-cont-left1, .symptoms-left {float:left; width:20%; padding:15px; height:auto}
.edu-cont-left1 {width:15%}
.symptoms-left {width:47%}
.edu-cont-right, .edu-cont-right1, .symptoms-right {float:right; width:74%; padding:13px; border-left:1px dotted #3f91bc}
.symptoms-right {width:47%}
.edu-cont-right1 {width:79%}
.edu-cont-right1 .leftpart {float:left; width:38%}
.edu-cont-right1 .centerpart {float:left; width:15%; border-left:1px dotted #3f91bc; padding:0 8px 0 10px}
.edu-cont-right1 .rightpart {float:right; width:40%; border-left:1px dotted #3f91bc; padding:0 8px 0 15px}
.u-txt {text-decoration:underline}
.edu-cont-right .leftpart, .edu-cont-right .leftpart1 {float:left; width:25%}
.edu-cont-right .leftpart1 {width:45%}
img.style1 {margin:10px 0; border:#424e5e 1px solid}
.food-items, .edu-cont-right .rightpart {float:right; width:72%; border-left:1px dotted #3f91bc; padding:0 10px 10px 10px; height:auto; margin:0}
.edu-cont-right .rightpart {width:50%}
ul.foods {float:left; width:100%; padding:0; margin:0}
ul.foods li {float:left; width:auto; margin:0 15px 15px 0; padding:0; list-style:none}
span.red {color:#F00}
table#records td.line-bg {background:url(images/bg-line.gif) 10px repeat-x} 
input[type='checkbox'].medicaton, img.med-gap {margin:9px 0 0 0}
img.med-gap1 {margin:3px 0 0 0}
img.med-gap2 {margin:5px 7px 0 0}
span.small {font-size:12px}
span.small1 {font-size:11px}
select.drug-dropdown {width:80%; height:auto; font-size:11px; margin:15px 0; background:url(images/select-bg.jpg) repeat-x}
a.create-tracker {padding:10px 30px; background:#39F; border-radius:8px; color:#FFF; text-decoration:none}