﻿/* CSS Document */
/*
teal:     #006666
lt blue   #9DBCBC
gold      #FFCC66
lt yellow #FFEEBB
dk pewter #6B6B6B
lt pewter #B7B7B7
*/

html, body 
{
width: 100%;
margin: 0px;
padding: 0px;
}
body
{
/*background: #006666 url(images/bluepewterbg.jpg) top left repeat-x; */
/*background: #0c5c70 url(images/bluebg1.png) top left repeat-x; */
background: #6c98a5;
font-family: Verdana, Calibri, "Myraid Pro", "Trebuchet", "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
color: #000;
}
#sitetitle
{
position: absolute;
left: 0px;
top: 0px;
color: white;
font-size: 14px;
font-weight: bold;
background-color: #006666;
width: 100%;
height: 20px;
background: #adcdcd url(images/titlebarbg2.png) repeat-x;
border-bottom: 1px solid #302517;
}
a:link, a
{
color: #1505f2;
text-decoration: none;
}
a:link:hover, a:hover
{
text-decoration: underline;
color: Red;
}
a:visited:hover
{
color: Red;
}
a:link:visited, a:visited
{
color: #1505f2;
}
/*jobslist*/
.filterpanel
{
float: right;
text-align: center;
margin-right: 2px;
color: Black;
}
.filterpanel input
{   
margin-left: 10px;
cursor: hand;
height: 20px;
font-size: 10px;
}
/*main master*/
/*#navigation .corner
{
background-image: url(images/corner.jpg);
}
#navigation .corner2
{
background-image: url(images/corner2.jpg);
}*/
#navigation
{
position: absolute;
top: 32px;
left: 16px;
z-index: 10; 
font-weight: bold;
letter-spacing: 1px;
}
#navigation ul
{
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
border: none;
}
#navigation ul li
{
float: left;
margin: 0 0px 0 0;
padding: 0;
padding-right: 1px;
width: 125px;
height: 24px;
vertical-align:middle;
text-align: center;
}
#navigation ul li a
{
display: block;
width: 125px;
height: 24px;
margin: 0;
padding: 3px 0 0 0;
text-align: center; 
background: url(images/tab2.png) top left no-repeat;
color: #493f2a;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}
#navigation ul li a:hover
{
color: #ff0000;
background: url(images/tab_over2.png) top left no-repeat;  
}
#navigation ul li a.selected, #navigation ul li a.selected:hover
{
background: url(images/tab_selected2.png) top left no-repeat;  
color: #343434;
}
#navigation ul li a.selected:hover
{
color: #ff0000;
}
/*****masterpage.master*****/
#MainContentWrapper
{
z-index: 10;
}
/* cpanel/firsttime.aspx */
.pwdstr
{
padding: 2px;
margin: 0px;
border: 1px solid red;
}
/*Standard settings*/
.StandardTable
{
width: 600px;
border: 2px solid #465052;
}
.StandardTitle
{
background-color: #E5EBDF;
text-align: center;
border-bottom: 1px solid #465052;
}
.StandardPhoto
{
vertical-align: top;
width: 256px;
}
.visi
{
visibility: visible;
}
/******/
.adminFilter
{
position: absolute;
right: 0;
width: auto;
z-index: 4000;
background-color: #777777;
color: White;
height: 22px;
padding: 0px;
margin-left: auto;
margin-right: auto;
top: 20px;
font-size: 12px;
border-left: 1px solid #302517;
border-bottom: 1px solid #302517;
border-top: 1px solid #302517;
padding: 0px 10px;
line-height: 22px;
}
#ibtn
{
    float: right;
    padding-left: 6px;
}
#ibtn a:link
{
    background-color: #ece9d8;
    padding: 2px;
    border: 1px solid #302517;
}
#admFPnlL
{
width: 8px;
height: 20px;
padding: 0px;
margin: 0px;
background: #E5EBDF url(../../images/Green/filterbg_01.png) top left no-repeat;
}
#admFPnlR
{
width: 8px;
height: 20px;
padding: 0px;
margin: 0px;
background: #E5EBDF url(../../images/Green/filterbg_03.png) top right no-repeat;
}
/*login layout settings - login.master*/
#loginwrapper
{
margin-top: 162px;
margin-left: auto;
margin-right: auto;
width: 500px;
}
/*visitview.aspx*/
.visitissuenotedate
{
color: #107fc9;
font-size: 11px;
}
.visitissuenoteauthor
{
color: #107fc9;
font-size: 11px;
}
.visitissuenotetext
{
padding-left: 10px;
}
/*forgotpassword.aspx*/
#forgotpasswordwrapper
{
border: 1px solid #465052;
padding: 2px;
background-color: White;
width: 270px;
margin-left: auto;
margin-right: auto;
top: 150px;
}
#forgotpassword
{
background-color: #E5EBDF;
}
#forgotpasswordtitle
{
background-color: #7C8C9B;
color: White;
text-align: center;
line-height: 26px;
}
/*errorpage.aspx*/
#errordivwrapper
{
border: 1px solid #465052;
background-color: White;
padding: 2px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#errortitle
{
background-color: #6B6B6B;
color: White;
text-align: center;
line-height: 26px;   
}
#errorcontent
{
background-color: #E5EBDF;
}
/*main layout settings - main.master*/
#loginlabel
{
text-align: right;
padding-right: 8px;
font-size: .9em;
padding-top: 8px;
}
#loginlabel a
{
font-size: 1em;
padding: 0px 8px 0px 0px;
}
#navwrapper
{
position: absolute;
top: 0px;
right: 0px;
color: White;
margin: 0px;
padding: 0px;
color: #ebebeb;
margin-top: -4px;
}
#navwrapper a, #navwrapper a:visited
{
color: White;
text-decoration: none;
}
#navwrapper a:hover, #navwrapper a:visited:hover
{
color: Red;
text-decoration: underline;
}
/***********rounded corners ****************/
.wrapper{display:block}
.wrapper *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#FFEEBB;}
.wrapper1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #c7d1bb;
border-right:1px solid #c7d1bb;
background:#e6e1bb}
.wrapper2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #a6c1bb;
border-right:1px solid #a6c1bb;
background:#ece4bb}
.wrapper3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #ece4bb;
border-right:1px solid #ece4bb;}
.wrapper4{
border-left:1px solid #c7d1bb;
border-right:1px solid #c7d1bb}
.wrapper5{
border-left:1px solid #e6e1bb;
border-right:1px solid #e6e1bb}
.wrapperfg{
background:#FFEEBB;}
/***********************************************/
#headerlogo
{
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
#header
{
position: absolute;
top: 36px;
right: 10px;
}
#header a, #header a:link
{
color: White;
text-decoration: none;
}
#header a:hover
{
color: #7C8C9B;
text-decoration: underline;
}
/*CPanel area*/
#cpanelWrapper
{
min-height: 150px;
height: auto;
padding-bottom: 20px;
}
#cpanelMenu
{
width: 15%;
float: left;
border-bottom: 1px solid #465052;
border-right: 1px solid #465052;
background-color: #47361f;
}
#cpanelMenu a, #cpanelMenu a:visited
{
display: block;
padding: 4px;
color: White;
text-decoration: underline;
}
#cpanelMenu a:hover{color: Red;}
#cpanelcontent
{
width: 83%;
padding-left: 1%;
padding-top: 1%;
}
/*Admin area*/
#adminpmmenu
{
    position: absolute;
    left: 18px;
    top: 92px;
    background-color: #fdfcf7;
    border: 2px solid #6B6B6B;
    width: auto;
}
#adminpmmenu a:link, #adminpmmenu a:visited
{
    display: block;
    padding: 2px 6px;
}
#adminpmmenu a:link:hover, #adminpmmenu a:visited:hover
{
    display: block;
    background-color: #c6d4d4;
    color: #123272;
    text-decoration: none;
}
#adminpmmenulink
{
    position: absolute;
    left: 22px;
    top: 68px;
    font-size: 18px; 
    font-weight: bold; 
    letter-spacing: 1px;
    width: 30px;
}
#adminpmmenulink a:link, #adminpmmenulink a:visited
{   
    color: White;
    text-decoration: none;
}
#adminpmmenulink a:link:hover, #adminpmmenulink a:visited:hover
{   
    color: Red;
    text-decoration: underline;
}
.admincell
{
width: 200px;
height: 100px;
min-height: 100px;
max-width: 200px;
max-height: 100px;
border: 1px solid black;
vertical-align: top;
background-color: #faedca;
}
.admincell a:link, .admincell a:hover
{
display: block;
font-size: 16px;
text-decoration: none;
}
.admincell a:hover, .admincell a:visited:hover
{
text-decoration: underline;
color: Red;
}
.adminhlink
{
display: block;
font-size: 16px;
text-decoration: none;
}
#adminWrapper
{
min-height: 150px;
height: auto;
padding-bottom: 20px;
}
#adminMenu
{
width: 10%;
height: 100%;
float: left;
}
#admincontent
{
width: 89%;
float: right;
padding-left: 1%;  
}
#userRepeaterSelection
{

text-align: center;
padding: 4px;
line-height: 20px;
border-bottom: 1px solid black;
}
#userRepeaterSelection a, #userRepeaterSelection a:visited
{
text-decoration: none;
color: Blue;
padding: 0px 2px;
}
#userRepeaterSelection a:hover, #userRepeaterSelection a:visited:hover
{
text-decoration: underline;
color: Red;
padding: 0px 2px;
}
#userDataGrid
{
width: 100%;
border: 1px solid #465052;
margin-top: 2px;
}
#GridNav
{
    width: 100%;
    margin-top: 10px;
    padding: 2px 0px;
    border: 1px solid #465052;
    background-color: #E5EBDF;
}

#GridNav select
{
    height: 20px;
}
.smalltxt
{
    font-size: 12px;
}
/*Calendar related styles*/
.CalendarTop
{
    border: 1px solid #343434;
    background: #ddbb61 url(images/titlebg2.jpg) top repeat-x;
    background: #FFCC66;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding: 2px;
    min-width: 250px;
}
.CalendarTop2
{
    border: 1px solid #343434;
    background: #ddbb61 url(images/titlebg2.jpg) top repeat-x;
    background: #FFCC66;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding: 2px;
    border-bottom: 1px solid #343434;
}
.CalendarTopL
{
    border-top: 1px solid #343434;
    border-left: 1px solid #343434;
    padding: 2px;
    background: #ddbb61 url(images/titlebg2.jpg) top repeat-x;
    background: #FFCC66;
}
.CalendarTopL2
{
    border-top: 1px solid #343434;
    border-left: 1px solid #343434;
    padding: 2px;
    background: #ddbb61 url(images/titlebg2.jpg) top repeat-x;
    background: #FFCC66;
    border-bottom: 1px solid #343434;
}
.CalendarTopM
{
border-top: 1px solid #26234A;
xpadding: 2px;
text-align: center;
width: 100%;
padding-left: 140px;
background: #ddbb61 url(images/titlebg2.jpg) top repeat-x;
background: #FFCC66;
}
.CalendarTopM2
{
border-top: 1px solid #26234A;
padding: 2px;
text-align: center;
width: auto;
padding-left: 140px;
background: #ddbb61 url(images/titlebg2.jpg) top repeat-x;
background: #FFCC66;
border-bottom: 1px solid #343434;
}
.CalendarTopL a:link, .CalendarTopL a:visited
{
color: #006666;
}
.CalendarTopL a:hover, .CalendarTopL a:visited:hover
{
color: Red;
}
.CalendarTopL2 a:link, .CalendarTopL2 a:visited
{
color: #006666;
}
.CalendarTopL2 a:hover, .CalendarTopL2 a:visited:hover
{
 color: Red;
}
.CalendarTopM input
{
margin-left: 10px;
cursor: hand;
height: 20px;
font-size: 10px;
padding-left: 4px;
}
.CalendarDayLinks a
{
text-decoration: none;
display: block;
color: #665E4B;
font-weight: bold;
}
.CalendarDayLinks a:hover
{
text-decoration: underline;
color: #3e05f2;
background-color: #fcff01;
}

.daywrapper
{   
font-size: 10px;
font-family: Verdana;
width: 100%;
height: 100px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-face-color: #c0b796;
scrollbar-highlight-color: #e7e2d1; 
scrollbar-3dlight-color: #e7e2d1; 
scrollbar-darkshadow-color: #9c926e; 
scrollbar-shadow-color: #9c926e; 
scrollbar-arrow-color: #624131; 
scrollbar-track-color: #ebebeb; 
}
.daywrapperWeek
{   
font-size: 10px;
font-family: Verdana;
width: 100%;
height: 100%;
}
.dayproject a
{
font-weight: normal;
color: #1505f2;
text-decoration: none;
padding: 3px 0px;
display: block;
}
.dayproject a:hover
{
text-decoration: underline;
background-color: #2d3f4f;
color: #ffffff;
}
.onsite a, .onsite a:visited
{
font-weight: normal;
color: #115410;
text-decoration: none;
padding: 3px 0px;
display: block;
}
.onsite a:hover, .onsite a:visited:hover
{
text-decoration: underline;
background-color: #475233;
color: #ffffff;
}

.jobcomplete a, .jobcomplete a:link, .jobcomplete a:visited
{
font-weight: normal;
color: #7A4F38;
text-decoration: none;
padding: 3px 0px;
display: block;
}
.jobcomplete a:hover, .jobcomplete a:visted:hover
{
text-decoration: underline;
background-color: #7A4F38;
color: #ffffff;
}
table td .jobcomplete a:hover
{
    text-decoration: underline;
background-color: #7A4F38;
color: #ffffff;
}
/*selector is the week button on the calendar */
td.Selector
{
height: 100px;
margin: 0px;
padding: 0px;
vertical-align: top;
}
.Selector a:link
{
display:block;
height: 100px;
text-decoration: underline;
}
.Selector a:hover
{
background-color: #9DBCBC;
display: block;
}
#todaysdate
{
width: 10px;
height: 14px;
background-color: #E5EBDF;
border: 1px solid black;
float: left;
margin-right: 6px;
}
/*day styles - dayview.aspx*/
#dayviewwrapper
{
background-color: #fcfbe3;
width: 100%;
margin-right: 4px;
}
#dayitems
{
float: left;
width: 79%;
vertical-align: top;  
margin-bottom: 100px;
}
.dayitems
{
width: 79%;
vertical-align: top;
}
#daycalendar
{
float: right;
width: 20%;
vertical-align: top;
margin: 0px;
margin-right: 2px;
}
.daycalendar
{
width: 21%;
vertical-align: top;
margin: 0px;
margin-right: 2px;
}
#cal
{
margin: 0px;
border: 1px solid #465052;
margin-bottom: 8px;
padding:0px;
}
#legend
{
width: 100%;
border: 1px solid #465052;
margin-top: 0px;
padding-bottom: 2px;
background-color: White;
}
#legendtitle
{
background-color: #FFCC66;
color: Black;
text-align: center;
padding: 1px 0px;
display: block;
border-bottom: 1px solid #465052;
}
#legendcontent
{
padding: 2px;
background-color: #fdfcf7;
}
.smallcal
{
width: 100%;
margin: 0px;
}
.daytitle
{
width: 100%;
background-color: Red;
text-align:center;
}
.title
{
background: url(images/titleheaderbg.png) repeat-x;
color: White;
padding: 3px 0px;
text-align: center;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
border: 1px solid #5f5347;
border-bottom-width: 0px;
}
.daytitle
{
background-color: #006666;
color: White;
padding: 3px 0px;
text-align: center;
font-size: 22px;
font-weight: bold;
letter-spacing: 1px;
border: 1px solid #5f5347;
}
.dayviewDay
{
width: 100%;
border: 1px solid #456052;
margin-bottom: 2px;
margin-top: 4px;
background-color: #fdfcf7;
}
.dayviewDayWithIssues
{
width: 100%;
margin-bottom: 2px;
margin-top: 4px;
border: 1px solid #456052;
background-color: #fdfcf7;
}
.dayviewDayTitle
{
background-color: #638fb1;
color: White;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
word-spacing: 2px;
display: block;
border-bottom: 1px solid #456052;
padding: 2px 4px;
}
.dayviewDayTitle a, .dayviewDayTitle a a:visited
{
color: White;
text-decoration: underline;
}
.dayviewDayTitle a:hover
{
color: Red;
text-decoration: underline;
}
.dayviewDayTitleWithIssues
{
background-color: #c05641;
font-weight: bold;
display: block;
border-bottom: 1px solid #456052;
padding: 2px 4px;
color: White;
}
.dayviewDayTitleWithIssues a, .dayviewDayTitleWithIssues a:visited
{
color: White;
text-decoration: underline;
}
.dayviewDayTitleWithIssues a:hover
{
color: Red;
text-decoration: underline;
}
.AttentionNote
{
text-align: center;
font-size: 14px;
font-weight: bold;
margin: 4px 0px;
padding: 8px;
border: 2px solid #c05641;
background-color: #fdfcf7;
letter-spacing: 1px;
}
.dayviewFooter
{
float: right;
padding: 2px 4px 2px 4px;
background-color: #638fb1;
border-left: 1px solid #456052;
border-bottom: 1px solid #456052;
border-top: 1px solid #638fb1;
font-size: 10px;
font-weight: bold;
margin-top: -2px;
color: White;
letter-spacing: 1px;
}
.dayviewFooterWithIssues
{
float: right;
padding: 2px 4px 2px 4px;
background-color: #c05641;
border-left: 1px solid #456052;
border-bottom: 1px solid #456052;
border-top: 1px solid #c05641;
font-size: 10px;
font-weight: bold;
margin-top: -2px; 
color: White;  
letter-spacing: 1px;
}
.dayviewAddress
{
float: left;
padding-left: 4px;
width: 250px;
font-size: 11px;
}
.dayviewOtherInfo
{
margin-left: 260px;
margin-right: 150px;
font-size: 11px;
}
.divider
{
display: block;
height: 6px;
}
#selectedday
{
width: 10px;
height: 14px;
background-color: #FFB24D;
border: 1px solid black;
float: left;
margin-right: 6px;
}
#hasissues
{
width: 10px;
height: 14px;
background-color: #c05641;
border: 1px solid black;
float: left;
margin-right: 6px;
}
#noissues
{
width: 10px;
height: 14px;
background-color: #638fb1;
border: 1px solid black;
float: left;
margin-right: 6px;
}
.DayViewFilter
{
border: 1px solid black;
margin-top: 4px;
padding: 4px;
background-color: #fdfcf7;
}
.DayViewFilter input
{
margin-left: 10px;
}
/*general styles*/
.txtalignrt
{
text-align: right;
padding-right: 8px;
}
/*day styles - weekview.aspx*/
.weekRow
{
color: #6B6B6B;
background-color: #FFCC66;
font-size: 9pt;
font-weight: bold;
text-align: center;
}
.dayCellOdd
{
border-top: 1px solid #343434;
vertical-align: top;
width: 14%;
background-color: #e6dec7;
}
.dayCellEven
{
border-top: 1px solid #343434;
border-left: 1px solid #343434;
border-right: 1px solid #343434;
vertical-align: top;
width: 14%;
background-color: #e6dec7;
}
.WeekTable
{
padding-left: 1%;
padding-right: 1%;
border: 1px solid #343434;
background-color: #fdfcf7;
}
/*filter div styles (div shown when clicking on 'Filter' link*/
div#filterdiv
{
    position: absolute;
    left: 18px;
    top: 104px;
    background-color: #fdfcf7;
    border: 2px solid #6B6B6B;
    width: 360px;
}
#filterdiv .title
{
    border-bottom: 1px solid #6B6B6B;
    background-color: #9DBCBC;
    text-align: center;
}
/*Main layout settings - MasterPage.master*/
#wrapper
{
width: 98%;
margin: auto;
position: absolute;
top: 150px;
left: 1%;
z-index: 0;
padding-bottom: 2px;
}
#content
{
padding: 6px 10px;
}
/*dayview*/
#buttonsdiv
{
border-top: 1px solid #6B6B6B;
background-color: #FFCC66;
margin-top: -3px;
padding: 2px;
}
#buttonsdiv a
{
color: Blue;
text-decoration: none;
}
#buttonsdiv a:hover
{
color: Red;
text-decoration: underline;
}
.floatright
{
float: right;
padding-right: 2px;
clear: left;
display: inline;
}
.floatright a, .floatright a:visited
{
color: White;
text-decoration: underline;
}
.floatright a:hover
{
color: Red;
}
/*Content*/
/*
lighter green: #90ad87
toon blue:  #107fc9
toon red:  #b10513
*/
#contentwrapper
{
width: 100%;
padding: 0px;
margin: 0px;
}
.pcwide100
{
width: 100%;
}
#footer
{
margin-top: 2px;
margin-bottom: 10px;
text-align: center;
color: #493f2a;
padding-bottom: 2px;
}
.txtalignlt
{
text-align: left;
}
.txtalignrtWidth
{
text-align: right;
width: 186px;
}
.contentheader
{
width: 100%;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
border: 1px solid #6B6B6B;
border-bottom-width: 0px;
background: #ff0000 url(images/cheader4.png) top left repeat-x;
height: 20px;
font-variant: small-caps;
letter-spacing: 2px;
padding: 4px 0px 0px 0px;
margin: 0px;
}
#contentheader2
{
width: 100%;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
background: #ff0000 url(images/cheader4.png) top left repeat-x;
height: 20px;
font-variant: small-caps;
letter-spacing: 2px;
padding: 4px 0px 0px 0px;
margin: 0px;
}
#incontwrap
{
   width: 100%;
   margin-top: 48px;
}
#contentsection
{
width: 100%;
min-width: 100%;
text-align: center;
border: 1px solid #5f5347;
/*background-color: #e6dec7;*/
background-color: #efe6cc;
margin: 0px;
padding: 0px;
}
#contentsection2
{
width: 100%;
background-color: #efe6cc;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #6b6b6b;
}
#inputmenu
{
    position: absolute;
    top: 21px;
    left: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px; 
    margin-left: -1px;   
}
#success
{
    font-size: large;
    float: right;
}
#posidiv
{
    z-index: 1000;
    border: 2px solid #6b6b6b;
    background-color: White;
    position: absolute;
    top: 200px;
    left: 310px;
    padding: 2px;
}
#posidiv input
{
    margin-bottom: 6px;
}
#posidiv2
{
    z-index: 1000;
    border: 2px solid #6b6b6b;
    background-color: White;
    position: absolute;
    top: 210px;
    left: 320px;
    padding: 2px;
}
#posidiv2 input
{
    margin-bottom: 6px;
}
#posititle
{
    padding: 2px;
    padding-top: 0px;
    font-weight: bold;
    text-align: right;
}
.subheader
{
    font-size: 16px;
    font-variant: small-caps;
    background-color: #777777;
    border-bottom: 1px solid #5c5c5c;
    color: White;
    padding: 2px;
    text-align: center;
    font-weight: bold;
}
.validdiv
{
    z-index: 2000;
    
}
.displayblock
{
    display:block;
}
.contentsection
{
width: 100%;
min-width: 100%;
text-align: left;
border: 1px solid #5f5347;
background-color: white; /*#efe6cc;*/
margin-bottom: 10px;
}
.contenttab
{
border: 1px solid #5f5347;
background-color: #d6e4e4; /*#efe6cc;*/
color: Black;
width: 150px;
max-width: 200px;
font-size: 16px;
font-weight: bold;
padding-left: 4px;
margin-top: 10px;
letter-spacing: 1px;
font-variant: small-caps;
margin-bottom: -1px;
}
.contenttab2
{
border: 1px solid #5f5347;
border-bottom-width: 0px;
background-color: #d6e4e4; /*#efe6cc;*/
color: Black;
width: 300px;
max-width: 300px;
font-size: 16px;
font-weight: bold;
text-align: right;
padding-right: 4px;
font-variant: small-caps;
}
.contenttab2 a:link, .contenttab2 a:visited
{
color: Blue;
text-decoration: none;
}
.contenttab2 a:hover, .contenttab2 a:visited:hover
{
color: Red;
text-decoration: underline;
}
.contenttab3
{
border: 1px solid #5f5347;
border-bottom-width: 0px;
background-color: #d6e4e4; /*#efe6cc;*/
color: Black;
width: 90px;
font-size: 16px;
font-weight: bold;
text-align: right;
font-variant: small-caps;
margin-left: 4px;
text-align: center;
}
.contenttab3 a:link, .contenttab3 a:visited
{
color: Blue;
text-decoration: none;
}
.contenttab3 a:hover, .contenttab3 a:visited:hover
{
color: Red;
text-decoration: underline;
}
.status
{
margin-bottom: 0px;
border: 1px solid black;
border-bottom-width: 0px;
max-width: 200px;
width: 200px;
font-size: 16px;
padding-left: 4px;
}
.statusgreen
{
margin-bottom: -1px;
border: 1px solid black;
xborder-bottom-width: 0px;
max-width: 200px;
width: 150px;
font-size: 16px;
padding-left: 4px;
background-color: #759d68;
color: White;
font-weight: bold;
font-size: 16px;
font-variant: small-caps;
letter-spacing: 1px;
margin-top: 10px;
}
.statusblue
{
border: 1px solid black;
xborder-bottom-width: 0px;
max-width: 200px;
width: 150px;
font-size: 16px;
padding-left: 4px;
margin-bottom: -1px;
background-color: #638fb1;
color: White;
font-weight: bold;
font-size: 16px;
font-variant: small-caps;
letter-spacing: 1px;
margin-top: 10px;
}
.statusbrown
{
margin-bottom: -1px;
border: 1px solid black;
xborder-bottom-width: 0px;
max-width: 200px;
width: 150px;
font-size: 16px;
padding-left: 4px;
background-color: #966b54;
color: White;
font-weight: bold;
font-size: 16px;
font-variant: small-caps;
letter-spacing: 1px;
margin-top: 10px;
}
.borderleft
{
border-left: 1px solid #465052;
}
.borderright
{
border-right: 1px solid #465052;
}
.contentTitle
{
color: Black;
background-color: #90ad87;   
font-size: 14px;
padding: 3px 0px 3px 3px;
width: 33%;
text-align: center;
border-right: 1px solid #465052;
margin: 0px;
border-bottom: 1px solid #465052;
letter-spacing: 1px;
}
.contentTitle a, .contentTitle a:visited
{
color: White;
text-decoration: underline;
}
.contentTitle a:hover
{
color: Red;
}
/*cpanel editprofile.aspx*/
.bluecontenttitle
{
background-color: #638fb1;
font-size: 14px;
padding: 3px 0px 3px 3px;
color: White;
font-weight: bold;
border: 1px solid #465052;
}
#sortnotesdiv a, #sortnotesdiv a:visited
{
color: Blue;
}
#sortnotesdiv a:hover
{
color: Red;
}
#notediv a, #notediv a:visited
{
color: Blue;
}
#notediv a:hover
{
color: Red;
}
.notediv
{
z-index: 1000; 
text-align: left; 
right: 1%; 
width: 500px; position: absolute; padding: 4px; color: Black; margin-top: 0px; background-color: White; border: 1px solid #465052; display: none;
}
.sortnotediv
{
z-index: 1000; 
text-align: left; 
right: 1%; 
width: 300px; 
position: absolute; 
padding: 4px; 
color: Black; 
margin-right: 0px; 
background-color: White; 
border: 1px solid #465052; 
display: none;
}
#notewrapper
{
width: 100%;
}
#issuediv a, #issuediv a:visited
{
color: Blue;
}
#issuediv a:hover
{
color: Red;
}
#sortissuesdiv a, #sortissuesdiv a:visited
{
color: Blue;
}
#sortissuesdiv a:hover
{
color: Red;
}
/*visit view schedule and status sub table*/
.timeContentTableTitle
{
color: White;
font-size: 12px;
font-weight: bold;
width: 33%;
text-align: center;
border-left: 1px solid #465052;
border-bottom: 1px solid #465052;
margin: 0px;
letter-spacing: 1px;
}
.contentsubTitle
{
color: Black;
background-color: #E3B54B;  
background: url(images/titlebg.png) top repeat-x;
font-size: 12px;
width: 33%;
text-align: center;
border-left: 1px solid #5f5347;
border-bottom: 1px solid #5f5347;
margin: 0px;
letter-spacing: 1px;
}
.contentsubTitle2
{
color: Black;
background-color: #d6e4e4;  
font-size: 12px;
width: 33%;
text-align: center;
border-left: 1px solid #5f5347;
border-bottom: 1px solid #5f5347;
margin: 0px;
letter-spacing: 1px;
font-variant: small-caps;
}
.moreContactsTitle
{
color: #465052;
background-color: #E5EBDF;  
font-size: 14px;
text-align: center;
border-top: 1px solid #465052;
border-bottom: 1px solid #465052;
}
.paddingbottom
{
padding-bottom: 10px;
}
.paddingleft
{
padding-left: 4px;
}
#preview
{
    float: right;
    padding: 6px;
    width: 50%;
    max-width: 50%;
    margin: 6px 6px 0px 0px;
    clear: left;
    border: 1px solid black;
    height: 250px;
    overflow-y: auto;
    overflow-x: auto;
}
#contenttable
{
text-align: left; 
}
#notessection
{
width: 100%;
border: 1px solid #465052;
margin-top: 8px;
vertical-align: top;
}
.noteswrapper
{
width: 40%; 
max-width: 100%;
vertical-align: top;
border-right: 1px solid #465052;
}
.show
{
display: block;
}
.noshow
{
display: none;
}
.buttonpanel
{
text-align: right;
padding-right: 8px;
}
.issueswrapper
{
width: 60%; 
min-width: 100%;
vertical-align: top;
}
.timeContent
{
width: 100%;
border: 1px solid #fff;
}
.timeContent td
{
border-bottom: 1px solid #465052;
}
.notedatalist
{
padding: 0px;
margin: 0px;
text-align: left;
font-size: 11px;

}
.leftside
{
width: 40%;
border-right: 1px solid #465052;
vertical-align: top;
}
#uploadbtn a:hover
{
cursor:pointer;
}
.hand
{
cursor: pointer;
}
.Buttonhand
{
cursor: hand;
color: #6B6B6B;
font-weight: bold;
border: 1px solid #6B6B6B;
}
.Buttonhand2
{
cursor: hand;
color: #6B6B6B;
font-weight: bold;
font-size: 14px;
border: 1px solid #6B6B6B;
height: 30px;
width: 80px;
}
.Buttonhand:hover
{
cursor: hand;
color: #f2f6fb; /* white */
/*background-color: #9DBCBC;*/
background-color: #afcfe9;
font-weight: bold;
border: 1px solid #6B6B6B;
}
.Buttonhand2:hover
{
cursor: hand;
color: #f2f6fb; /* white */
/*background-color: #9DBCBC;*/
background-color: #afcfe9;
font-weight: bold;
border: 1px solid #6B6B6B;
}
.ButtonhandWithPadding
{
cursor: hand;
color: #6B6B6B;
font-weight: bold;
border: 1px solid #6B6B6B;
margin: 8px 0px;
padding: 2px 0px;
background-color: #ffcb4f;
width: 100%;
font-size: 20px;
font-variant: small-caps;
letter-spacing: 2px;
}
.ButtonhandWithPadding:hover
{
cursor: hand;
color: White;
background-color: #b3c7e7;
font-weight: bold;
border: 1px solid #6B6B6B;
letter-spacing: 2px;
}
.rightside
{
vertical-align: top;
width: 60%;
}
.rightborder
{
border-right: 1px solid #465052;
}
.tabwrapper
{
width: 100%;
padding: 0px;
margin: 0px;
}
.noteitem
{
padding-bottom: 12px;
padding-left: 14px;
padding-top: 4px;
padding-right: 4px;
}

.thenote
{
color: #000;
background-color: #d6e4e4; /*#c0b796;*/
border-bottom: 1px solid #5f5347;
font-size: 12px;
padding: 2px 0px;
border-top: 1px solid #5f5347;
}
.noteauthor
{
text-align: right;
float: right;
padding-right: 4px;
}
.notedate
{
padding-left: 4px;
}
.issueauthor
{
padding: 2px;
background-color: #E5EBDF;
}
.issuedate
{
padding: 2px;
color: #465052;
background-color: #E5EBDF;
border-bottom: 1px solid #465052;
border-top: 1px solid #465052;
border-left:border-top: 1px solid #465052;
border-bottom: 1px solid #465052;
}
.issuedate
{
padding: 2px;
color: #465052;
background-color: #E5EBDF;
border-bottom: 1px solid #465052;
border-top: 1px solid #465052;
border-left:border-top: 1px solid #465052;
border-bottom: 1px solid #465052;
}
.issuenote
{
text-align: right;
padding: 2px;
color: #465052;
background-color: #E5EBDF;
border-bottom: 1px solid #465052;
border-top: 1px solid #465052;
border-left:border-top: 1px solid #465052;
border-bottom: 1px solid #465052;
padding-right: 4px;
}
/*visitview stuff*/
.loctd
{
border-left-width: 0px; 
width: 25%; 
font-size: 12px; 
font-weight: bold;
}
.f16bold
{
font-size: 12px; 
font-weight: bold;
border-left-width: 0px;
}
.contacttd
{
width: 25%; font-size: 12px; font-weight: bold;
}
.schedtd
{
width: 50%; font-size: 12px; font-weight: bold;
}
.vpadtop
{
vertical-align: top; padding-left: 2px;
}
.vbl
{
vertical-align: top; border-left: 1px solid #5f5347;
}
.vbr
{
vertical-align: top; border-right: 1px solid #5f5347;
}
.vtop
{
vertical-align: top;
}
.noblLeft
{
border-left-width: 0px;
text-align: left;
padding-left: 4px;
}
.noblRight
{
border-left-width: 0px;
text-align: right;
padding-right: 4px;
}
.nobl
{
border-left-width: 0px;
}
.bl2
{
border-left-width: 2px;
border-left-color: #5f5347;
}
.startcell
{
width: 4%; font-size: 12px; font-weight: bold; color: White;
}
.startlblcell
{
width: 23%; background-color: #fdfcf7;
}
.starttimecell
{
width: 23%; background-color: #fdfcf7;
}
.checkinlbl
{
border-left-width: 2px; border-left-color: #5f5347; width: 23%; background-color: #fdfcf7;
}
.checkintime
{
width: 23%; background-color: #fdfcf7;
}
.fdfcf7
{
background-color: #fdfcf7;
}
.departcell
{
text-align: right; font-size: 12px; font-weight: bold; color: White;
}
.stlbl
{
text-align: center; font-size: 16px; font-weight: bold; color: White; border-top: 1px solid #fff;
}
.ctcell
{
width: 40px; border-right-width: 0px;
}

.vnote
{
width: auto; border-right-width: 0px; font-size: 18px; font-weight: bold;
}
.brww
{
width: 80px; border-right-width: 0px;
}

.block
{
display:block;
}
.scell
{
width: 40px;border-bottom: 1px solid #465052; border-right-width: 0px;
}

.sortissuediv
{
z-index: 1000; 
text-align: left; 
right: 1%; 
width: 300px; 
position: absolute; 
padding: 4px; 
color: Black; 
margin-top: 0px; 
background-color: White; 
border: 1px solid #465052; 
display: none;
}
.sortgaldiv
{
z-index: 1000; 
text-align: left; 
right: 1%; 
width: 300px; 
position: absolute; 
padding: 4px; 
color: Black; 
margin-top: 20px; 
background-color: White; 
border: 1px solid #465052; 
display: none;
}
.spacer
{
height: 10px;
min-height: 10px;
border-top: 1px solid #6B6B6B;
border-bottom: 1px solid #6B6B6B;
}
.trbg
{
background-color: #fdfcf7;
height: 20px;
}
.trbg2
{
background-color: #b3c7e7;
height: 20px;
}
.trbg7
{
background-color: #fdfcf7;
height: 20px;
}
.trbg8
{
background-color: #b3c7e7;
height: 20px;
}
.trbgV:hover
{
background-color: #FFCC66; 
color: #6B6B6B;
cursor: pointer;
}
.rowMouseOver
{
background-color: #FFCC66; 
color: #6B6B6B;
cursor: pointer;
}
.trbg:hover
{
background-color: #ffcb4f; 
color: #000;
cursor: pointer;
}


.trbg2:hover, .trbg3:hover
{
background-color: #ffcb4f;
color: #000;
cursor: pointer;
}
.trbg3
{
background-color: #ffcb4f; 
color: Black;
}
.vissuecell
{
width: auto;border-bottom: 1px solid #465052; border-right-width: 0px; font-size: 18px; font-weight: bold;
}
.AICell
{
width: 80px; max-width: 80px;border-bottom: 1px solid #465052;border-right-width: 0px;
}
.avidiv
{
z-index: 1000; 
text-align: left; 
right: 1%; width: 400px; position: absolute; padding: 4px; color: Black; margin-top: 0px; background-color: White; border: 1px solid #465052; display: none;
}
.vincell
{
width: auto; font-size: 12px; text-align: left; border-left-width: 0px; height: 18px; padding-top: 2px; padding-left: 2px;
}
.dtcell
{width: 200px; max-width: 200px; font-size: 12px; text-align: left; border-left-width: 0px; height: 18px; padding-top: 2px;
}
.rcell
{
width: 100px; max-width: 100px; font-size: 12px; text-align: left; border-left-width: 0px; height: 18px; padding-top: 2px;
}
.emptyC
{
width: 100px; max-width: 100px; border-left-width: 0px; height: 18px; padding-top: 2px;
}
.aindiv
{
z-index: 9000; text-align: left; right: 1%; width: 400px; position: absolute; padding: 4px; color: Black; margin-top: 16px; background-color: White; border: 1px solid #465052; display: none;
}
.pl2
{
padding-left: 2px;
}
.wautoptr
{
width: auto; cursor:pointer;
}
.pxwide150
{
width: 150px; max-width: 150px;
}
.pxwide200
{
width: 200px; max-width: 200px;
}
.pxwide100
{
width: 100px; max-width: 100px;
}
.trpr
{
text-align: right; padding-right: 2px;
}
.ainlnk
{
font-family: Myriad Pro; font-size: 14px; font-weight: 200;
}

.linkselected
{
background-color: White;
}
#gallerydiv table td
{
vertical-align: top;
}
#gallerydiv img
{
visibility: visible;
border: 1px solid black;
}
.invisible
{
visibility: hidden;
display: none;
}
.galleryheader
{
background-color: #adcdcd;
background: #adcdcd url(images/gridbg.jpg) repeat-x;
color: #6B6B6B;
font-weight: bold;
font-size: 12px;
text-align: left;
letter-spacing: 1px;
line-height: 20px;
text-align: center;
}
.filename
{
width: 200px;
line-height: 16px;
font-size: 10px;
background-color: White;
border: 1px solid black;
margin-top: -2px;
}
#uploadbtn
{
width: 100%;
color: Black;
background-color: #E3B54B;  
background: url(images/titlebg.png) top repeat-x;
font-size: 12px;
text-align: center;
border-bottom: 1px solid #5f5347;
margin: 0px;
letter-spacing: 1px;
}
.successmsg
{
font-size: 16px;
text-align: center;
}
#contentwrapper th
{
text-align: left;
}
.GridHeader
{
    background-color: #adcdcd;
    background: #adcdcd url(images/bgheader.jpg) repeat-x;
    color: #6B6B6B;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    letter-spacing: 1px;
    height: 20px;
}
.GridHeaderSmall
{
    background-color: #adcdcd;
    background: #adcdcd url(images/bgheader3.png) repeat-x;
    color: #123272;
    font-weight: normal;
    font-size: 10px;
    text-align: left;
    letter-spacing: 1px;
    height: 20px;
}
.GridHeaderSmall a, .GridHeaderSmall a:visited
{
    color: #123272;
    font-size: 12px;
    font-weight: normal;
}
.GridHeaderSmall a:hover, .GridHeaderSmall a:visited:hover
{
    color: Red;
    text-decoration: underline;
}

.GridHeader a, .GridHeader a:visited
{
    color: #123272;
    font-size: 14px;
    font-weight: normal;
}
.GridHeader a:hover, .GridHeader a:visited:hover
{
    color: Red;
    text-decoration: underline;
}
.gridclass
{
    background-color: #6b6b6b;
}
/***************************************
/input/ section
***************************************/
#vertaligntop td
{
vertical-align: top;
padding-top: 2px;
}
.cchighlight
{
background-color: #006666;
color: White;
cursor: pointer;
}
.cclist
{
background-color: White;
}
.blueheader
{
height: 20px;
background-color: Transparent;
background-image: url(images/bgheader.png) repeat-x;
}
.blueheader a:link, .blueheader a:visited
{
text-decoration: none;
color: #123272;
}
.blueheader a:hover, .blueheader a:visited:hover
{
    color: #ff0000;
    text-decoration: underline;
}
.box
{
display: inline;

width: 200px;
max-width: 200px;
height: auto;
padding-right: 8px;
}
.box2
{
xdisplay: table-cell;
display: inline-block;
background-color: white;
width: 202px;
text-align: center;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
margin-bottom: 8px;
padding: 0px 0px 2px 0px;
}
#viewlnx
{
background-color: #6c6c6c;
margin-top: 0px;
font-size: 12px;
margin-right: 0px;
}
/* image gallery stuff */

div.img
  {
  margin:2px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:left;
  font-weight:normal;
  width:100%;
  margin:2px;
  }

/* end of gallery stuff */
/* input styles */
#inputwrapper
{
    position: absolute;
    top: 21px;
    left: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: White;
}
.radmenu
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.rmText
{
    cursor: hand;
    cursor: pointer;
}
#msg
{
    position: absolute;
    top: 72px;
    left: 380px;


}
/* end of input styles */
.picdiv
{
   min-height: 600px; 
}
.tree td div
{
    height: 20px !important;
    display: block !important;

}
.nodesel
{
    display: block;
    background-color: #e3e3e3;
    width: 100%;
}
.splitter
{
    height: 600px;
    min-height: 600px;
}
.RadGrid_Office2007
{
    border-left: none !important;
}
.multiPage
{
    margin: 0 14px;
}
.tabStrip
{
    margin: 0 15px 0 14px !important;
}
.tabStrip .rtsLevel1
{
    padding:0 !important;
}