body {margin:0px;  font-size: 10px; font-family: Arial; color: #000000; }
td	 { font-size: 12px; }

#background { background: #E6E6E6 url(/_library/templates/skin_computant/computant_r1_c1.jpg) top repeat-x; }
.MainContent {background: url(/_library/templates/skin_computant/computant_r6_c3_n.jpg) no-repeat top left; margin:0px; padding-top:15px; padding-bottom:10px; padding-left:30px; padding-right:30px}
.LeftContent { width: 590px; background: url(/_library/templates/skin_computant/computant_r6_c3_n.jpg) no-repeat top right; margin:0px; padding-top:15px; padding-bottom:10px; padding-right:30px; padding-right:30px}
.RightContent  { width: 190px; background: url(/_library/templates/skin_computant/computant_r6_c3_n.jpg) no-repeat top left; margin:0px; padding-bottom:10px; padding-left:20px; padding-right:30px}
.right { border:1px solid #BFD2DD; padding: 10px; margin: 0px; background:url(/_library/images/comp_r7_c2.jpg) repeat-x #F8F9FD; }  
.right .menu {  padding-bottom: 10px; }
.RightContent .inner { padding-top: 15px; text-align: center; }
#menu {background: url(/_library/templates/skin_computant/computant_r2_c3.jpg) no-repeat top center}

#NewsTb {background:url(/_library/templates/skin_computant/news_mid.jpg) repeat-y center; width:306px; margin:0px 0px 15px -3px}
.NewsContent {padding:5px 20px; color:#4C4C4C; font-family:Arial, Helvetica, sans-serif; font-size:13px}
.NewsContent ul {padding:0px; margin:0px 0px 0px 15px}
.NewsContent p {margin:5px 0px 0px 20px}

#BannerRetail {height:180px; background:url(/_library/templates/skin_computant/retail.jpg)}
#BannerRestaurant {height:180px; background:url(/_library/templates/skin_computant/restaurant.jpg)}
#Page_aloha-quickservice #BannerRestaurant {height:180px; background:url(/_library/templates/skin_computant/nightclub.jpg)}
#Page_orderman #BannerRestaurant {height:180px; background:url(/_library/templates/skin_computant/orderman.jpg)}
#BannerAccounting {height:180px; background:url(/_library/templates/skin_computant/accounting.jpg)}
#BannerServices {height:180px; background:url(/_library/templates/skin_computant/services.jpg)}
#BannerSupport {height:180px; background:url(/_library/templates/skin_computant/support.jpg)}
#BannerCompany {height:180px; background:url(/_library/templates/skin_computant/company.jpg)}

#boxpad {padding:0px; display:block; background:url(/_library/templates/skin_computant/bar.jpg) no-repeat top center ; width:560px; margin:-15px auto 15px auto; text-align:center; }
#boxpad img {padding:3px 20px; border:none}

#Submenu .NavM011 { margin: 0px -5px; padding:0px;  }
#Submenu .NavM011 ul { margin:0px; padding:0px }
#Submenu .NavM011 li { list-style: none; }
#Submenu .NavM011 li .MenuSubParent { min-height:25px}
#Submenu .NavM011 li span { display:block; border-top:1px solid #BFD2DD; padding:5px; margin:0px; text-transform: capitalize; line-height:15px}
#Submenu .NavM011 li .MenuItemFirst {  }
#Submenu .NavM011 a { text-decoration: none; color: #000000; }
#Submenu .NavM011 a:hover { color: #ffffff; background:#69A6CC; display: block; padding:5px; margin:-5px; }
#Submenu .MenuSubActive {color: #ffffff; background:#016EB1; display: block; padding:5px; margin:-5px }
#Submenu .NavSubSub {background:url(/_library/images/comp_r7_c2.jpg) repeat-x #F8F9FD; border-left:1px solid #BFD2DD; border-right:1px solid #BFD2DD;}
#Submenu .NavSubSub .MenuSubSubActive {font-weight:bold}
#Submenu .NavSubSub ul {padding: 0px; margin:0px; display:block; clear:both; position:relative}
#Submenu .NavSubSub li span{padding:2px 0px 2px 10px; border:none; margin:0px; font-size:11px; line-height:15px }
#Submenu .NavSubSub a { text-decoration: none; color: #666666; }
#Submenu .NavSubSub a:hover { color: orange; padding:0px; margin:0px; background:none;}

.MainBk {background: url(/_library/templates/skin_computant/computant_r7_c3_n.jpg) repeat-y top center}
.MainMenuContainer {background: url(/_library/templates/skin_computant/computant_r2_c3.jpg) no-repeat top center;}
.Section {line-height:120%; font-size:11px; letter-spacing:0px; padding-left:20px; padding-right:20px; background:url(/_library/images/computant_r9_c4_r9_c4.jpg) repeat-y center; padding-top:5px; padding-bottom:5px}
.Section img {border:1px solid white; width: 95px; float:left; vertical-align:middle; margin-left:20px; }

#HomeTb .right { padding:0px; margin: 0px; background: url(/_library/templates/skin_computant/homeBoxRep.jpg) repeat-y center; color:#2B2B2B; width: 460px; border:none}
#HomeTb .right img {display:block; clear:both; padding-right:10px}
#HomeTb .left p {line-height:135%; padding:0px 15px 0px 5px}
#HomeTb .right  .topR {background: url(/_library/templates/skin_computant/homeBoxTop.jpg) no-repeat top center; padding-top:10px}
#HomeTb .right  .btmR {background: url(/_library/templates/skin_computant/homeBoxBot.jpg) no-repeat top center; margin-top:20px; height:17px}
.one  { position:relative; margin:0px 25px; padding:5px 0px 15px 0px; display:block; font-size:12px; min-height:80px; clear:both }
.two {position:relative; margin:0px 25px; padding:5px 0px 15px 0px; display:block; font-size:12px; min-height:80px; clear:both }
#HomeTb .right .sectionR {  border-top:1px dotted #AAB29A; padding:12px 0px; display:block}
#TitleMain {font-family:Impact; }
#btnHome {text-align:center; padding-top:5px}
#btnHome img {border:none; padding:5px 8px;}
.linksR {float:right; margin:0px 0px 10px; clear:both; font-size:10px}
.linksR img{padding: 2px 0px 0px 0px; margin:0px; float: left}
.clear {clear:both}
.sectionR1 { padding-top:12px}


#HomeBullets ul  {margin: 0px; padding:0px; list-style-type:none;}
#HomeBullets li {list-style-type: none; padding:0px 0px 0px 15px; margin-left:-10px; background:url(/_library/images/icon.gif) no-repeat left; line-height:200%}
#NavM111D { height:30px; padding-left: 10px; }
#NavM111D  ul { margin: 0px; padding-top:5px; }
#NavM111D  li { display: inline; list-style: none; }
#NavM111D  li span { color: #009EFD; font-size: 14px;  padding: 0px 15px 0px 15px; text-transform: lowercase}
#NavM111D  li .MenuItemFirst { }
#NavM111D  a { text-decoration: none; color: white; }
#NavM111D  a:hover { color: #c22e00; }

#SideMenu .NavM100 { margin: 5px 0 -10px 0; }
#SideMenu .NavM100 li { list-style: none; }
#SideMenu .NavM100 li span { color: #000000; font-size: 10px; border-bottom: 1px solid #000000; padding: 0px 10px 0px 10px; text-transform: lowercase}
#SideMenu .NavM100 li .MenuItemFirst { border-top: 3px solid #000000; }
#SideMenu .NavM100 a { text-decoration: none; color: #000000; }
#SideMenu .NavM100 a:hover { color: #c22e00; }

#FooterMenu .NavM100 { margin: 5px 0 0px 0; }
#FooterMenu .NavM100 li { display: inline; list-style: none; }
#FooterMenu .NavM100 li span { color: #888888; font-size: 10px; border-right: 1px solid #000000; padding: 0px 10px 0px 10px; text-transform: lowercase}
#FooterMenu .NavM100 li .MenuItemFirst { border-left: 1px solid #000000; }
#FooterMenu .NavM100 a { text-decoration: none; color: #000000; }
#FooterMenu .NavM100 a:hover { color: #c22e00; font-weight: normal}

.NavM100 { margin: 5px 0 -10px 0; }
.NavM100 li { display: inline; list-style: none; }
.NavM100 li span { color: #000000; font-size: 10px; border-right: 1px solid #000000; padding: 0px 10px 0px 10px; text-transform: lowercase}
.NavM100 li .MenuItemFirst { border-left: 1px solid #000000; }
.NavM100 a { text-decoration: none; color: #000000; }
.NavM100 a:hover { color: #c22e00}

.Footer, .Footer a:link, .Footer a:visited, .FooterCredit, .FooterCredit a:link, .FooterCredit a:visited {font-size: 10px; text-align: center; color: #666666; text-decoration:none;}
.Footer a:hover, .Footer a:active, .FooterCredit a:hover, .FooterCredit a:active {text-decoration: underline; }
.MenuAdmin, .MenuAdmin a:link, .MenuAdmin a:visited {font-size: 10px; text-align: center; color: #666666; text-decoration:none;}
.MenuAdmin a:hover, .MenuAdmin a:active 	 {text-decoration: underline; }
.ViewData		{ font-size: 10px; color: #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000 }

form			{ margin: 0px; padding: 0px; overflow:hidden; margin-left:0px; margin-right:0px}
input			{ font-size: 11px; font-family: Tahoma; width: 200px;  border: 1px solid #BBB; }
input.image		{ font-size: 11px; font-family: Tahoma; width: 200px;  border: none; }
input.radio		{ font-size: 11px; font-family: Tahoma; width: 20px; height: 20px }
input.checkbox	{ font-size: 11px; font-family: Tahoma; width: 20px; height: 20px }
input.submit	{ font-size: 11px; font-family: Tahoma; width: 100px }
input.disabled	{ font-size: 11px; font-family: Tahoma; width: 100px }
textarea		{ font-size: 11px; font-family: Tahoma; width: 200px; height: 80px; border: 1px solid #BBB;}
select			{ font-size: 11px; font-family: Tahoma; width: 200px; border: 1px solid #BBB; }
button			{ font-size: 11px; font-family: Tahoma; }

.SiteNav, .NavLevel0, .NavLevel1  { color: #454545;  font-size: 11px;}
.SiteNav a, .NavLevel0 a, .NavLevel1 a  { color: #454545;  font-size: 11px;}
.SiteNav * { color: #454545; font-size: 11px; }

#Blog {}
.BlogPostGroup { padding-top: 10px; }
.BlogPostGroup .SiteTitle2 { font-size: 14px; color: #454545; }
.BlogPostTitle .SiteTitle3{ border-left: #006EB4 10px solid; padding: 2px; font-family:arial; font-size:14px; text-trasnform: lowercase;  }
.BlogPostText { display: inline; }
.BlogPostTextMore { display: inline; font-style: bold; font-size: 14px; }
.BlogPostLinks { float: right; display: inline; }
.BlogPostDetails { padding: 10px 0 10px 0; font-weight: bold; color:orange}
.BlogPostShowDate {}
.BlogPostShowCredit {} 
.BlogPostShowComment {}

#Calendar {}
.CalendarGrid {}
.CalendarGridNavigation {}
.CalendarGridHeader {border-style: none; border-bottom: 1px #215da9 solid; text-align:center;} 
.CalendarGridHeaderCell { color: #215da9; text-align:center; } 
.CalendarDayName { font-size:11px; }
.CalendarMonthTitle { font-size: 14px; font-weight: bold; color:#215da9}
.CalendarDayCell { border:1px #f9da88 solid; text-align:center; vertical-align: center; padding:0; border-collapse:collapse; background-color: #fdf4df; font-size:10px;  }
.CalendarDayCellToday { border:1px #215da9 solid; text-align:center; vertical-align: center; padding:0; border-collapse:collapse; background-color: #215da9; color: #ffffff; font-size:10px; }
.CalendarDayCellEvent { border:1px #fcdb9b solid; text-align:center; vertical-align: center; padding:0; border-collapse:collapse; background-color: #fcdb9b; font-size:10px; } 
.CalendarDayCellEventOver { background-color: #f9da88; }
.CalendarDayCellEventOff { background-color: #fbe5ac; }
.CalendarDayEventText { font-size:10px; line-height: 11px; color: #215da9; }
.CalendarDayCell div, .CalendarDayCellToday div, .CalendarDayCellEvent div, .CalendarDayCellEventOver div, .CalendarDayCellEventOff div {padding: 2px; padding-left: 5px; }
.CalendarDayNumber { font-size:10px; color: #000000; }
.CalendarEventDate {font-size: 11px; font-weight: bold }
.CalendarEventTitle {  }

.ArticleItem { color: #666666; list-style: disc; padding-top: 10px; }
.ArticleItemTitle { font-size: 10px; color: #454545; font-weight: normal; }
.ArticleItemTitle a:link, .ArticleItemTitle a:visited { text-decoration: none; color: #454545; text-decoration: none; font-weight: normal; }
.ArticleItemTitle a:hover, .ArticleItemTitle a:active { color: #666666; text-decoration: underline; }
.ArticleItemDate { color: #666666; }
.ArticleItemMore { text-align: right; padding: 5px 5px 10px 0px; text-transform: uppercase; }

.TestimonyQuoteLeft { display: none; }
.TestimonyQuoteRight { display: none; }
.TestimonyText { padding: 27px 10px 0px 10px; background: url(/_library/templates/skin_eishawaii/quoteLeft.gif) no-repeat top left; }
.TestimonyName { padding-top: 10px; background: url(/_library/templates/skin_eishawaii/quoteRight.gif) no-repeat top right; }