/*----General----*/
P, td, form, input, textarea, ul, select, li, h1, h2, h3 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #444; }
p { margin:0 0 8px 0; }
h1 { font-size: 18px; margin: 0px 0px 8px 0px; font-weight: bold; }
h2 { font-size: 16px; margin: 0px 0px 4px 0px; font-weight: bold; }
h3 { font-size: 14px; margin: 0px 0px 4px 0px; font-weight: bold; }
ul { margin-top: 4px; }

a:link { color: #b31919; text-decoration: none; }
a:visited { color: #b31919; text-decoration: none; }
a:hover { color: #d56e6e; text-decoration: none; }

/*----------Misc code----------*/
.hidden { visibility: hidden; display: none; }
.blue { color: #AAA; }
.white { color: #FFF; }
.light { color: #EEE; }
.grey { color: #999999; }
.small, .small td, .small p, .small li, small { font-size: 11px; }
.medium, .medium td, .medium p, .medium li { font-size: 12px; }
.tiny, .tiny tr td { font-size: 9px; }
.clearing { clear: both; }
.big, .big td { font-size: 14px; }
.red { color: #b31919; }
.normal { font-weight: normal; }
img { border: 0px; }
.imgBorder {border:4px solid #999;border-radius:12px;-moz-border-radius:12px;}
.imgBorderThin {border:2px solid #999;border-radius:6px;-moz-border-radius:6px;}

/*----------Links----------*/
a.btnStandard:link, a.btnStandard:visited { border: 2px solid #666; font-size: 11px; padding: 2px 24px 2px 24px; background: #CCC; color: #333; text-decoration: none; }
a.btnStandard:hover { border: 2px solid #666; font-size: 11px; padding: 2px 24px 2px 24px; background-color: #DDD; color: #333; text-decoration: none; }

a.aButton { border: 2px solid #666; padding: 1px 16px 1px 16px; text-align: center; background: #333 url(/images/layout/button-background.png) top left repeat-x; color: #FFF; text-decoration: none; font-size: 11px; border-radius: 4px; -moz-border-radius: 4px; }
a.aButton:hover { border: 2px solid #666; padding: 1px 16px 1px 16px; text-align: center; background-color: #444; color: #FFF; text-decoration: none; font-size: 11px; }
a.aButtonSmall { border: 1px solid #666; padding: 1px 8px 1px 8px; text-align: center; background: #333 url(/images/layout/button-background.png) top left repeat-x; color: #FFF; text-decoration: none; font-size: 11px; border-radius: 4px; -moz-border-radius: 4px; }
a.aButtonSmall:hover { border: 1px solid #666; padding: 1px 8px 1px 8px; text-align: center; background-color: #444; color: #FFF; text-decoration: none; font-size: 11px; }


div.divTabsNav { padding: 4px 0px 3px 0px; }
a.aTabsNav { border: 1px solid #CCC; border-bottom: 0; padding: 4px 12px 4px 12px; border-radius: 6px 6px 0 0; moz-border-radius: 6px 6px 0 0; text-align: center; background: #EEE url(/images/layout/button-background.png) top left repeat-x; color: #666; text-decoration: none; font-size: 11px; }
a.aTabsNav:hover { border-color: #AAA; background-color: #EEE; color: #666; }
a.aTabsNavActive, a.aTabsNavActive:link, a.aTabsNavActive:visited { border: 1px solid #CCC; border-bottom: 0; border-radius: 6px 6px 0 0; moz-border-radius: 6px 6px 0 0; padding: 4px 12px 4px 12px; text-align: center; background: #AAA; color: #EEE; text-decoration: none; font-size: 11px; }
a.aTabsNavActive:hover { border-color: #AAA; background-color: #AAA; color: #EEE; }
div.divTabsContent { padding: 8px 8px 8px 8px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-top: 1px solid #CCC; background: url(/images/layout/container-body-background.jpg) top left repeat-x; }

/*---------Form fields-----------*/
select.small, input.small { font-size: 10px; }
input.formfield { background: #fff url(/images/layout/formfield-background.jpg) no-repeat top left; font-size: 11px; border: 1px solid #BBB; padding: 2px; margin: 2px; }
input.formfield-watermarked { background: #fff url(/images/layout/formfield-background.jpg) no-repeat top left; font-size: 11px; border: 1px solid #BBB; padding: 2px; margin: 2px; color: #CCC; }
input.formfieldtight { background: #fff url(/images/layout/formfield-background.jpg) no-repeat top left; font-size: 11px; border: 1px solid #BBB; }
select.formfieldtight { font-size: 10px; border: 1px solid #BBB; padding: 0px; margin: 0px; height: 18px; }
select.formfield { font-size: 10px; border: 1px solid #BBB; padding: 2px; margin: 2px; }
textarea.formfield { background: #fff url(/images/layout/formfield-background.jpg) no-repeat top left; font-size: 11px; border: 1px solid #BBB; padding: 2px; margin: 2px; }
textarea.formfield-watermarked { background: #fff url(/images/layout/formfield-background.jpg) no-repeat top left; font-size: 11px; border: 1px solid #BBB; color: #CCC; padding: 2px; margin: 2px; }
input.formfieldsmall { background-image: url(/images/layout/formfield-background.jpg) no-repeat top left; font-size: 10px; width: 80px; height: 12px; border: 1px solid #DDD; }
input.formfieldbig { background: #fff url(/images/layout/formfield-background.jpg) no-repeat top left; font-size: 14px; border: 1px solid #BBB; padding: 8px; margin: 2px;}

input.formfieldlarge { padding:4px;background-color: #EEE; font-size: 14px; color: #333; border: 1px solid #CCC; }
input.formfieldlarge-watermarked {padding:4px;background-color: #EEE; font-size: 14px; color: #999; border: 1px solid #CCC;  }
textarea.formfieldlarge {padding:4px; background-color: #EEE; font-size: 14px;  color: #333; border: 1px solid #CCC; }
select.formfieldlarge {padding:4px; background-color: #EEE; font-size: 14px;color:#666; border: 1px solid #BBB; }

input.formfieldtext { height: 18px; font-size: 11px; border: 1px solid #BBB; background: url(/images/layout/textbox-background.jpg) repeat-x; padding: 4px 0px 0px 2px; }

.watermarked { color: #BBB; background: #fff url(/images/layout/formfield-background.jpg) no-repeat top left; font-size: 11px; border: 1px solid #BBB; }
.watermarkedtight { background: #fff url(/images/layout/formfield-background.jpg) no-repeat top left; font-size: 11px; border: 1px solid #BBB; color: #CCC; }
.modal { background-color: #000; filter: alpha(opacity=80); opacity: 0.8; }
.auto-complete { margin: 0px; padding: 0px 0px 0px 0px; list-style: none; }
.auto-complete-item { font-size: 10px; margin: 0px; background: #f7f7f7; list-style: none; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.auto-complete-item-highlight { font-size: 10px; margin: 0px; background: #EEE; list-style: none; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.ddePanel { display: none; }

.txtSearch {padding:4px 4px 4px 22px;font-size:18px;width:360px;border:1px solid #666;color:#666;}
.txtSearch-watermarked {padding:4px 4px 4px 22px;font-size:18px;width:360px;border:1px solid #AAA;color:#CCC;}
.divAutoCompleteItem {padding:2px;font-size:11px;}

/*----------Box code----------*/
.divBox { padding: 8px; margin: 0 0 8px 0; background: url(/images/layout/container-body-background.jpg) repeat-x top left; }
.divContainer { border: 1px solid #CCC; margin: 0px 0px 8px 0px; background: url(/images/layout/container-background.jpg) repeat-x top left; border-radius: 8px; -moz-border-radius: 8px; }
.divContainer > h2 { background: url(/images/layout/container-header-background.jpg) repeat-x top left; font-size: 14px; border-bottom: 1px solid #CCC; padding: 6px 8px 8px 6px; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; }
.divContainerBody { padding: 4px 8px 8px 8px; }

.divContainerSmall { border: 1px solid #CCC; margin: 0px 0px 8px 0px; background: url(/images/layout/container-background.jpg) repeat-x top left; border-radius: 4px; -moz-border-radius: 4px; }
.divContainerSmall > h2 { background: url(/images/layout/container-header-background.jpg) repeat-x top left; border-bottom: 1px solid #CCC; padding: 4px 4px 4px 4px; font-size: 12px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; }
.divContainerSmallBody { padding: 4px 8px 4px 8px; }

.divContainerSmallClean {}
.divContainerSmallClean > h2 {border-bottom:1px solid #CCC;padding:0 0 6px 0;margin:0 0 12px 0;}
.divContainerSmallCleanBody { }

.divRounded { border: 2px solid #CCC; margin: 0px 0px 8px 0px;padding:8px; background: #EEE; border-radius: 8px; -moz-border-radius: 8px; }

.divSearch { margin: auto; margin-top: 5px; background: url(/images/layout/search-background.jpg) no-repeat top center; height: 50px; width: 260px; }
.divSearch p { margin-top: 20px; margin-left: 2px; }
.divDownloadDocument { padding-top: 1px; background: #FFF url(/images/layout/download-background.jpg) no-repeat top center; width: 180px; height: 60px; }
.divDownloadDocument table { margin: 5px 0px 0px 24px; }

.divFormBox { border: 1px solid #DDD; margin: 0px 0px 4px 0px; padding: 4px; }
.divTabsContent { padding: 8px 8px 0px 8px; margin: 0 0 4px 0; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; background: url(/images/layout/container-body-background.jpg) top left repeat-x; }
.aTabsTab { }

/*----------Invoices----------*/
.InvoiceRowPaid { background-color: #b5b5b5; }
table tr.InvoiceRowHasCreditNote td { background-color: #DDD; color: #AAA; }
table tr.InvoiceRowHasCreditNote td a { color: #AAA; }


/*----------Calendars----------*/
.calMenu { width: 100%;height:64px; }
.calMenuMini { width: 100%;}
.calSubMenu { position: absolute; margin-top: -44px; background: #FAFAFA url(/images/layout/box-gradient.gif) top left repeat-x; width: 200px; border: 3px solid #DDD; padding: 4px; }
.homecalendar { border-radius: 8px; moz-border-radius: 8px; }
.calTitleStyle { background: url(/images/layout/container-header-background.jpg) repeat-x top left; }
table.holidaycalendar tr td { }
td.holidaycalendarday { height: 50px; font-size: 10px; }

.lblEmployeeEdit { color: #00cfd5; font-weight: bold; }
.tblEmployeeEdit { border: 1px solid #ffffff; padding: 5px; }
.radbuttCal { color: #00cfd5; font-weight: bold; }


/*----------Modal----------*/
.modalBackground { background-color: #FFF; filter: alpha(opacity=80); opacity: 0.8; }
.divModalPopup { border: 2px solid #CCC; font-size: 14px; width: 800px; background-color: #FFF; border-radius: 12px; moz-border-radius: 12px; }
.divModalPopupHeader { margin: 0px; padding: 8px; background: url(/images/layout/container-header-background.jpg) repeat-x top left; color: #333; font-weight: bold; font-size: 14px; }
.divModalPopupInner { padding: 4px 16px 4px 16px; height: auto; overflow: auto; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.divModalPopupButtons { padding: 6px 8px 10px 8px; }

#divBusy {top:64px;width:240px;height:160px;background:#FFF;padding-top:90px;border-radius:16px;moz-border-radius:16px;margin:auto;text-align:center;}


/*----------Ratings----------*/
.ratingStar { font-size: 0pt; background-color: Transparent; width: 13px; height: 12px; margin: 0px; padding: 0px; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(/images/layout/filledStar.png); }
.emptyRatingStar { background-image: url(/images/layout/EmptyStar.png); }
.savedRatingStar { background-image: url(/images/layout/SavedStar.png); }

/*----------Blogs----------*/
.tblBlogItemFileUpload { background-color: #EEE; border: 1px solid #CCC; }
.divBlogItemImage { float: right;  margin: 8px 8px 8px 18px; display: block; }
.divBlogItemVideo { margin: 8px 0px 8px 0px; }
.divBlogItemComments { margin: 0px; }
.divBlogItemComments div { background-color: #EEE; margin: 0px; margin-top: 10px; padding-bottom: 5px; }
.divBlogItemComments div p { color: #666; padding: 4px; margin: 0px; font-size: 11px; }
.divBlogItem { width: 100%; }
.divBlogItemActions { }

/*----------Lists----------*/
ul.grid { margin: 0; padding: 0; }
ul.grid li { margin: 0px 8px 8px 0px; padding: 0px; width: 140px; height: 120px; float: left; text-align: center; list-style: none; border: 1px solid #EEE; background-color: #f7f7f7; }
ul.grid li a:link { text-decoration: none; }
ul.grid li a:visited { text-decoration: none; }
ul.grid li a:hover { text-decoration: underline; }

ul.griddocuments { margin: 0; padding: 0; }
ul.griddocuments li { margin: 5px; padding: 0px; width: 60px; height: 65px; line-height: 12px; float: left; text-align: center; list-style: none; font-size: 9px; }
ul.griddocuments li a:link { text-decoration: none; }
ul.griddocuments li a:visited { text-decoration: none; }
ul.griddocuments li a:hover { text-decoration: underline; }

/*----------Tables----------*/
table.grid { background: #FFF url(/images/layout/bg-gradient.gif) top repeat-x; text-align: left; border: 1px solid #CCC; margin: 0px 0px 4px 0px; }
table.grid tr th { border: 1px solid #DDD; text-align: left; font-weight: bold; margin: 0; padding: 4px 0px 4px 4px; }
table.grid tr td { color: #666; padding: 2px 4px 2px 4px; }
table.grid tr.selected td { background: #DDD; }
table.grid tr td a { color: #333; text-decoration: none; }
table.grid tr td a:link, table.grid tr td a:visited { }
table.grid tr td a:hover { text-decoration: underline; }

.GridViewPager { height: 23px; }
.GridViewHeaderSortA { background: url(/images/icons/arrow-up.gif) no-repeat 95% 50%; }
.GridViewHeaderSortD { background: url(/images/icons/arrow-down.gif) no-repeat 95% 60%; }

.trNormal { background-color: #F1f1f1; }
.trAlternating { background-color: #EAEAEA; }


table.tblList { background: transparent; }
table.tblList td { margin: 0px; padding: 4px;background:url(/images/layout/container-header-background.jpg) repeat-x top left; }
table.tblList tr td {border-top: solid 1px #BBB;border-bottom: solid 2px #BBB;}
table.tblList td:first-child {border-radius:8px 0 0 8px;border-left:solid 1px #BBB; }
table.tblList td:last-child {border-radius:0 8px 8px 0; border-right:solid 1px #BBB;}

table.tblListLite { background: transparent; }
table.tblListLite th { margin: 0px; padding: 8px;background:url(/images/layout/container-body-background.jpg) repeat-x top left;text-align:left;font-size:11px; }
table.tblListLite td { margin: 0px; padding: 8px;background:url(/images/layout/container-background.jpg) repeat-x top left; font-size:11px;}
table.tblListLite tr td {border-top: solid 1px #DDD;border-bottom: solid 1px #DDD;}
table.tblListLite tr td p {font-size:11px;}
/*
table.tblListLite td:first-child {border-radius:8px 0 0 8px;border-left:solid 1px #BBB; }
table.tblListLite td:last-child {border-radius:0 8px 8px 0; border-right:solid 1px #BBB;}
*/

/*
tr.gridHover { background-color: #CCC; }
tr.gridHover td { background-color: #CCC; }

.trOut { background-color: #EEE; }
.trOutAlt { background-color: #DDD; }
.trOver { background-color: #CCC; }
.trOverAlt { background-color: #CCC; }

.trNormal { background-color: #f7f7f7; }
.trAlternating { background-color: #f1f1f1; }
*/

/*--------Alerts-------*/
.alertItem { margin-bottom: 10px; width: 100%; font-size: 11px; }
.alertItem p { font-size: 11px; }
.alertItemLeft { text-align: left; }
.alertItemRight { text-align: right; }
.alertItem img { vertical-align: top; margin: 0 4px; }
.alertItem span { font-size: 10px; }
.alertItemLeft > img { float: left; }
.alertItemLeft > span { margin-left: 4px; }
.alertItemRight > img { float: right; }
.alertItemRight > span { margin-right: 4px; }
.alertBubble { margin-top: 3px; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; padding: 5px; color: #000; display: block; text-align: left; }
.alertItemLeft .alertBubble { -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-radius-topleft: 0px; margin-left: 42px; }
.alertItemRight .alertBubble { -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-radius-topright: 0px; margin-right: 42px; }


/*--------jQuery overrides--------*/
.ui-dialog { padding: 0px; height: 80px; }
.ui-widget-header { border-radius: 4px 4px 0px 0px; moz-border-radius: 4px 4px 0px 0px; border-right: 0px; border-top: 0px; border-left: 0px; background: url(/images/layout/container-header-background.jpg) repeat-x top left; }

.ui-datepicker { width: auto; }
.watermark { color: #777; font-size: 10px; }
.datepicker { }
.none { display: none; }
.hidden { visibility: hidden; }

.ui-accordion .ui-accordion-header { font-size: 14px; padding: 3px 3px 3px 23px; cursor: pointer; text-transform: capitalize; }
.ui-accordion .ui-accordion-content { background: url(/images/layout/container-background.jpg) repeat-x top left; padding: 8px 8px 8px 12px; }

div.divAccordion .ui-accordion-header a { font-size: 14px; padding: 3px 3px 3px 23px; cursor: pointer; text-transform: capitalize; }
div.divAccordion .ui-accordion-content { background: url(/images/layout/container-background.jpg) repeat-x top left; padding: 0px; }
div.divAccordion .ui-accordion-content ol {margin: 0px;padding:4px 8px 8px 24px; }

.ui-state-active { background: url("/images/layout/container-header-background.jpg") repeat-x scroll left top transparent; }

.ui-tabs li { padding: 0px; font-size: 11px; }
.ui-tabs .ui-tabs-panel { padding: 8px 4px 4px 4px; border: 1px solid #CCC; border-top: 0px; }
.ui-widget { font-family: Arial, sans-serif; font-size: 11px; }

.flow { float: left; }
.flow li { float: left; }

/*----------Misc code----------*/
.fieldset { padding: 0px; margin: 0px; }
.fieldset-details-pane { margin: 0; padding: 6px 12px 6px 12px; }
.zero { margin: 0; padding: 0; }
.pnlToAdd { padding-top: -3px; }



/*--------- Info Vis Chart ---------*/
/* Certain widths, heights and negative margins will create problems if changed without also updating asscoated javascript*/
#infoVisFrame { width: 760px; height: 480px; overflow: hidden; border: solid 1px #aaa; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#infovis { background: white; width: 1200px; height: 800px; overflow: hidden; margin-left: -220px; margin-top: -280px; }
.infoVisNodeContent { width: 100%; height: 100%; background: url("/images/layout/container-body-background.jpg") repeat-x scroll center top transparent; position: inherit; top: 0; left: 0; color: #444; text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: solid 1px #aaa; cursor: pointer; white-space: nowrap; }
.infoVisNodeContent.selected { border-color:#000; }
.infoVisNodeContent > div { margin: 5%; }
.infoVisNodeContent div > img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: solid 1px #aaa; }
.infoVisNodeContent .redBlock,.infoVisNodeContent .yellowBlock,.infoVisNodeContent .greenBlock,.infoVisNodeContent .greyBlock{width:6px;height:11px;display:inline-block;border:solid 1px #aaa;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.infoVisNodeContent .redBlock{background:red;}
.infoVisNodeContent .yellowBlock{background:yellow;}
.infoVisNodeContent .greenBlock{background:green;}
.infoVisNodeContent .greyBlock{background:#eee;}
.infoVisNodeContent td,.infoVisNodeContent th{vertical-align:top;font-size:11px;}
.infoVisNodeContent th{font-weight:bold;}
.infoVisNodeContent input{height:12px;width:12px;}
.infoVisNodeContent .checkbox{border:#333 solid 2px;height:8px;width:8px;display:inline-block;}
.infoVisNodeContent.selected .checkbox{background:#777;}
.infoVisNodeContent.viewing { border-color:#000; border-width:2px;}

.divContainerSmallBody .uxCurrentlySelected table{margin-bottom:20px;}
.divContainerSmallBody .uxCurrentlySelected td{vertical-align:top;padding-bottom:4px;}
.divContainerSmallBody .uxCurrentlySelected td img{width:50px;border:1px #ccc solid;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.divContainerSmallBody .uxCurrentlySelected{display:none;}
.divContainerSmallBody .a{color:#0158c2;border:solid 1px #ccc;background:url(/images/layout/container-header-background.jpg) repeat-x left top;height:24px;line-height:24px;float:left;width:100%;text-align:center;cursor:pointer;}

/*--------- New Company Calender ---------*/
/* Heights and widths of the calender and its sliding panels are set in the bind method of the calender control*/
#calendar h2 { font-size: 10px; }
#calendarViewPane th, #calendarEditPane th,#calendarViewPane td, #calendarEditPane td{text-align:left;vertical-align:top;padding:2px}
#calendarViewPane .horribleMsTableWrapper th, #calendarEditPane .horribleMsTableWrapper th,#calendarViewPane .horribleMsTableWrapper td, #calendarEditPane .horribleMsTableWrapper td{padding:0px;}
div.horribleMsTableWrapper{float:left;}
#calendarLoading,#calendar, #calendarViewPane , #calendarEditPane {margin: 0 auto;}
#calendarViewPane , #calendarEditPane {display:none;}
#calendarViewPane > div, #calendarEditPane > div{margin:4px;overflow:auto;}
#calendarViewPane table, #calendarEditPane table{width:100%;}
#calendarViewPane .formfield, #calendarEditPane .formfield{width:150px;margin-top:0;}
.fc-agenda-slots td{cursor:crosshair;}
.fc-view-month .fc-event-time{display:none;}
.calenderCloseButton{float:right;text-align:right;width:40px;color:Black;}
#calendarLoading{text-align:center;}
#calendar .fc-event-skin{border:1px solid #666;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}