/* CSS Document */

/* this rule will apply the font family to ALL elements */
* {
    font-family: Arial, Helvetica, sans-serif;
    background-repeat: no-repeat;
    background-position: center left;
}

body, td, textarea {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
    background-color: #FFF;
    color: #000;
}

body { font-family: Arial, Helvetica, sans-serif; }
td { font-family: Arial, Helvetica, sans-serif; }
th { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
a:hover { color: red; text-decoration: none}
a:link { color: RED; text-decoration:none; background-color: transparent; } 
a:visited { color: #808080; text-decoration:none; background-color: transparent; } 
a:active { color: #808080; text-decoration:none; background-color: transparent; } 
a:hover { color: #808080; text-decoration:none; background-color: transparent; }
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; color:red;  font-weight: bold; font-variant: normal;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; color:red; line-height: 16pt; font-weight: bold; font-variant: normal;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; color:black; line-height: 16pt; font-weight: bold; font-variant: normal;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color:#000000; line-height: 12pt; font-weight: normal;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size:  8pt; font-style: normal; color:#000000; line-height: 9pt; line-height: 11pt; font-weight: normal;}
h6 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color:#000000; line-height: 11pt; text-align: right; font-weight: normal; }
h7 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color:#000000; line-height: 12pt; text-align: right; font-weight: normal; }

form { margin-top: 0px; margin-bottom: 0px; }

/* these rules will apply to some elements */
a.type1:link    {color:#000000; text-decoration:none;}
a.type1:visited {color:#000000; text-decoration:none;}
a.type1:active  {color:#F00; text-decoration:none;}
a.type1:hover   {color:#F00; text-decoration:none;}

a.type2:link    {color:#F00; text-decoration:none;}
a.type2:visited {color:#F00; text-decoration:none;}
a.type2:active  {color:#F00; text-decoration:none;}
a.type2:hover   {color:#F00; text-decoration:none;}

.imgcell img, .imgcell a { display: block; }

/*
input { font-family: Arial, Helvetica, sans-serif;
        font-size: 13px !important; 
        height: 23px !important; 
        border:1px solid rgb(127,157,185)
}
*/
/* need to apply these to all checkboxes and radio buttons to override the input class above */
.checkbox { border: 0px; }
.radiobutton { border: 0px; }

.body {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.bodySmall {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}

.title1 {
	font-size: 14pt;
}

.title2 {
    font-size: 12pt;
}

.title3 {
    font-size: 11pt;
}
.error {
    color: #06C;
    font-size: 10pt;
}

div.copyright p, div.copyright a, td.copyright, td.copyright a {
	font-size: xx-small;
}

.borderAll {
	border: 1px solid #F00;
}

.borderTLR {
	border-top: 1px solid #F00;
	border-right: 1px solid #F00;
	border-bottom: 0px solid #F00;
	border-left: 1px solid #F00;
}
.borderLR {
	border-top: 0px solid #F00;
	border-right: 1px solid #F00;
	border-bottom: 0px solid #F00;
	border-left: 1px solid #F00;
}
.borderTL {
	border-top: 1px solid #F00;
	border-right: 0px solid #F00;
	border-bottom: 0px solid #F00;
	border-left: 1px solid #F00;
}
.borderTR {
	border-top: 1px solid #F00;
	border-right: 1px solid #F00;
	border-bottom: 0px solid #F00;
	border-left: 0px solid #F00;
}
.borderBottom {
	border-top: 0px solid #F00;
	border-right: 0px solid #F00;
	border-bottom: 1px solid #F00;
	border-left: 0px solid #F00;
}
.borderTop {

	border-top: 1px solid #F00;
	border-right: 0px solid #F00;
	border-bottom: 0px solid #F00;
	border-left: 0px solid #F00;
}
.borderTopDouble {
	border-top: 1px double #F00;
	border-right: 0px solid #F00;
	border-bottom: 0px solid #F00;
	border-left: 0px solid #F00;
}

div#loginForm table, div#loginForm td {background-color:#000; color:#FFF; font-size: 10px;}

.cancelled {
    color: #FF0000;
	text-decoration: line-through;
}

.makeup {
    background-color: #FFFF99;
    color: red;
}

.overdue { font-weight: bold; color: #06C; } 

.noWrap { white-space: nowrap; }

table.weekCalHeader th {background-color:#F60; color: #000; font-weight: bold; font-size: 12pt; text-align:center;}
table.weekCal {
    border-color: #000;
    border-width: 0 0 1px 1px;
    border-style: solid;
    }
tr.dayRow td {    color: #000; font-size: 8pt; vertical-align: top;}
tr.dayRow td.day, tr.dayRow td.noday, tr.dayRow td.today {
    border-color: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
    }
tr.dayRow td.day { background-color:#FF9;}
tr.dayRow td.today { background-color:#F93;}
tr.dayRow td.noday { background-color:#FFD;}
table.session { margin-top:2px; width:100%;border-collapse: collapse; border-top: solid 1px #999;border-bottom: solid 1px #999;}
table.session tr.time td {background-color: #FFC}
table.session tr.sessionTitle td {background-color: #FFC;}
table.history td {color: #999;}
table.milestone { margin-top:2px; width:100%;border-collapse: collapse; }
table.milestone tr.time td {border-top: solid 1px #999; background-color: #CFF}
table.milestone tr.milestoneTitle td {border-bottom: solid 1px #999; background-color: #CFF;}
select#milestoneSelect {background-color: #FFF;}

table#dashboardAllSessionsTable tr td {font-size: x-small; }
table#dashboardAllSessionsTable tr td i {font-size: x-small; }
table#dashboardAllSessionsTable tr td.column0 { white-space: nowrap; }
table#dashboardAllSessionsTable tr td.column1 { white-space: nowrap; }
table#dashboardAllSessionsTable tr td.column2 { white-space: nowrap; }
table#dashboardAllSessionsTable tr td.column3 { white-space: nowrap; }
table#dashboardAllSessionsTable tr td.column4 { white-space: nowrap; }
table#dashboardAllSessionsTable tr td.notes { width: 300px; white-space: normal; }

table#dashboardProgramsTable {width: 100%;}
table#dashboardProgramsTable a {color: #000;}
table#dashboardProgramsTable tr td {font-size: 9pt; white-space: nowrap;}
table#dashboardProgramsTable tr th.column0 { width: 10px; }
table#dashboardProgramsTable.group tr th.column1 { width: 200px; }
table#dashboardProgramsTable.individual tr th.column2 { width: 200px; }
table#dashboardProgramsTable tr td a {font-size: 9pt; }
table#dashboardProgramsTable thead tr th {
	text-align: left;
	padding-right: 12px;
	background-position: center right;
	font-size: 10pt;
}
table#dashboardProgramsTable thead tr th.sortASC {
	background-image: url(/lib/claerolib_2/images/asc.png);
}
table#dashboardProgramsTable tr th.sortDESC {
	background-image: url(/lib/claerolib_2/images/desc.png);
}

table#instructorList tr td {white-space: nowrap;}
table#instructorList tr td.column0 {width:200px;}

table#clientSearchTable tr td {font-size: x-small;}
table#clientSearchTable tr th {vertical-align: top;}
table#clientSearchTable tr td.column0 {width: 10px;}
table#clientSearchTable tr td.column1 { white-space: nowrap; }
table#clientSearchTable tr td.column3 { white-space: nowrap; text-align: center; }
table#clientSearchTable tr td.column4 { text-align: center; }
table#clientSearchTable tr td.column5 { text-align: center; }
table#clientSearchTable tr td.column6 { white-space: nowrap; text-align: right;}

table#clientDashboardClassListTable tr td {font-size: 9pt;}
table#clientDashboardClassListTable tr td.column0 {width: 10px;}
table#clientDashboardClassListTable td.column1 { width: 150px; white-space: nowrap; }
table#clientDashboardClassListTable tr td.column3 { text-align: center; }
table#clientDashboardClassListTable tr td.column4 { text-align: center; }
table#clientDashboardClassListTable tr td.column5 { white-space: nowrap; text-align: center; }

table#clientMilestoneTable { width: 100% }
table#clientMilestoneTable th { text-align: left; }
table#clientMilestoneTable th.col0 { width: 30px; }
table#clientMilestoneTable th.col2 { text-align: center; }

table#programDetailClientsTable tr td {font-size: x-small;}
table#programDetailClientsTable tr td.column0 {width: 1px;}
table#programDetailClientsTable tr td.column1 { white-space: nowrap; width: 100px;}

table#programDetailClientsTableAdmin {width: 100%;}
table#programDetailClientsTableAdmin tr td {font-size: x-small;}
table#programDetailClientsTableAdmin tr td.column0 {width: 50px; white-space: nowrap;}
table#programDetailClientsTableAdmin tr td.column1 { white-space: nowrap; }
table#programDetailClientsTableAdmin tr td.column3 { text-align: center; }
table#programDetailClientsTableAdmin tr td.column4 { text-align: center; }
table#programDetailClientsTableAdmin tr td.column5 { text-align: right; }
table#programDetailClientsTableAdmin tr td.column6 { text-align: left; width: 150px; }

table#publicPrograms tr td {font-size: 10pt;}
table#publicPrograms tr td.column0 {text-align: center}
table#publicPrograms tr td.column1 {text-align: center}
table#publicPrograms tr td.column2 {text-align: center}
table#publicPrograms tr td.column3 {text-align: right}
table#publicPrograms tr td.column4 {text-align: center}

table#clientDashboardConsultations { width: 95%;}
table#clientDashboardConsultations tr th {text-align: left;}
table#clientDashboardConsultations tr td {font-size: 10pt;}
table#clientDashboardConsultations tr td.column2 { width: 120px;}

.sidebar, .sidebar a {font-size: 8pt;}

/* RJH - new tooltip from dynamicdrive.com */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 1px;
font-size:12px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
white-space:normal;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

span.claero-nav {color:#000;}
span.claero-nav a {color:red;}