/*------------------------------------------------------------------
[Main Stylesheet]
 
Project:        CreataVivendi Website
Version:        1.0
Created:        06/01/2009
Last Changed:   07/17/2009
Assigned to:    Shane Shearer
-------------------------------------------------------------------*/
body
{
	margin: 0px;
	padding: 0px;
	background: url('../Images/Main/GradientBackground.jpg');
}

img
{
	border: 0px;
}

*
{
	outline: 0px;
}

#Site, #CreativeSection, #Footer, #MainContent, #BottomLinks, #Breadcrumbs, #UtilityNav, #BirdSeparator, #BottomLinks, #ContentHeaderSection, #LogoSmall
{
	clear: both;
	width: 996px;
	background-color: #fff;
}

#Site
{
	clear: both;
	margin: 0 auto;
	min-height: 660px;
	height: auto !important;
	height: 660px;
	border: solid 1px #cccccc;
}

#Header
{
	height: 102px;
	position: relative;
	clear: both;
	width: 996px;
	background: transparent;
}

#Flash
{
	width: 996px;
	height: 450px;
}

.WorkHeader
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #7bc142;
	font-weight: bold;
}
/***************** Utility Nav *****************/
#UtilityNav
{
	position: relative;
	height: 27px;
	width: 996px;
	background: url('../Images/Main/UtilityNav/UtilityNav.gif') no-repeat;
	text-align: right;
	z-index: 5;
	background: transparent;
}

#UtilityNav span
{
	float: right;
	margin-right: 15px;
}

#UtilityNav span img
{
	vertical-align: middle;
}

#UtilityNav, #UtilityNav a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #666666;
}

#UtilityNav a
{
	display: block;
	float: left;
	margin-top: 6px;
	text-decoration: none;
}

#UtilityNav .NavDivider
{
	display: block;
	float: left;
	width: 1px;
	height: 12px;
	background-color: #a5a5a5;
	margin: 8px 12px 6px 12px;
}
/********************************************/
/***************** Search Box ***************/
.SearchBox
{
	display: none;
	clear: both;
	position: absolute;
	right: -5px;
	top: 25px;
	width: 284px;
	height: 69px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 4;
}

.SearchLeft, .SearchRepeat, .SearchRight
{
	float: left;
	height: 69px;
}

.SearchLeft
{
	width: 7px;
	background: url('../Images/Search/SearchLeft.png') no-repeat;
}

.SearchRepeat
{
	width: 224px;
	background: url('../Images/Search/SearchRepeat.png') repeat-x;
}

.SearchRepeat .BlueBackground
{
	clear: both;
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 2;
	display: block;
	height: 38px;
	width: 213px;
	margin: 19px 0px 0px 5px;
	background-color: #7bc143;
}

.SearchRepeat input
{
	position: absolute;
	left: 5px;
	top: 2px;
	z-index: 2;
	width: 165px;
	height: 26px;
	border: solid 2px #7e7d82;
	font-size: 16px;
	color: #666666;
	padding: 3px 0px 0px 5px;
}

.SearchRepeat img
{
	position: absolute;
	right: 3px;
	border-top: solid 4px #7e7d82;
	border-bottom: solid 3px #7e7d82;
	border-right: solid 3px #7e7d82;
	top: 2px;
}

.SearchRight
{
	width: 25px;
	background: url('../Images/Search/SearchRight.png') no-repeat;
}
/********************************************/
/***************** Main Nav *****************/
.MainNavigation
{
	clear: both;
	position: absolute;
	width: 760px;
	height: 40px;
	left: 234px;
	top: 50px;
	margin: 0px;
	padding: 0px;
	z-index: 3;
	list-style-type: none;
}

.MainNavigation li.MainNavItem
{
	float: left;
}

.MainNavigation li.MainNavItem a.NavLink, .MainNavigation li.MainNavItem a.Selected
{
	display: block;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #5f6062;
	text-decoration: none;
	height: 29px;
	margin: 10px 18px 0px 18px;
}

.MainNavigation li.Hover a.NavLink, .MainNavigation li.MainNavItem a.Selected
{
	background: url('../Images/Main/NavGreyHover.gif') no-repeat center bottom;
	color: #7bc143;
}
/************************************************/
#GreyBar
{
	position: absolute;
	clear: both;
	left: 234px;
	top: 89px;
	width: 760px;
	height: 3px;
	background-color: #b7b7b7;
}

#FlashLogo
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}

.Logo
{
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 0;
}

#CreativeSection
{
	height: 304px;
}
/***************** Sub Page ******************/
#SubPageGradient
{
	clear: both;
	height: 100px;
	width: 996px;
	background: url('../Images/Main/SubPageGradient.gif') repeat-x;
	z-index: 0;
}
/***********************************************/
/***************** Breadcrumbs *****************/
#Breadcrumbs, #SubPageBreadcrumbs
{
	margin: 3px 0px 0px 10px;
	height: 25px;
	width: 986px;
}

#SubPageBreadcrumbs
{
	padding-top: 25px;
}

#Breadcrumbs a, #Breadcrumbs, #SubPageBreadcrumbs, #SubPageBreadcrumbs a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #666666;
}

#Breadcrumbs a, #SubPageBreadcrumbs a
{
	background: url('../Images/Main/Arrow.gif') no-repeat 100% 4px;
	padding: 0px 15px 0px 0px;
	text-decoration: underline;
}

#Breadcrumbs span, #SubPageBreadcrumbs span
{
	padding-left: 3px;
}
/**************************************************/
/***************** Content Header *****************/
#ContentHeaderSection
{
	margin-top: 5px;
	height: 35px;
}

#ContentHeaderSection span
{
	float: left;
	display: block;
}

#ContentHeaderSection span a
{
	margin-left: 10px;
}

#ContentHeaderSection span.ContentTitle
{
	font-family: Georgia, Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 30px;
	color: #003f5e;
	margin-left: 19px;
	width: 758px;
}
/*********************************************/
#HomeContent
{
	clear: both;
	width: 996px;
}

#MainContent, #LeftColumn, .MiddleColumn, #RightColumn, #Separator, #HomeContent
{
	min-height: 474px;
	height: auto !important;
	height: 474px;
}
/***********************************************/

#SingleColumn
{
	clear: both;
	width: 955px;
	margin-left: 25px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #666666;
}

/***************** Home Column *****************/
#HomeColumn
{
	float: left;
	width: 596px;
	margin: 25px 0px 0px 18px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #666666;
}

#HeaderTitle
{
	font-family: Georgia, Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 30px;
	color: #0079c1;
}

#HomeColumn a, .MiddleColumn a, #SingleColumn a
{
	color: #0079c1;
	text-decoration: underline;
}

#HomeColumn .ContactQuestion
{
	float: left;
	width: 90px;
	text-align: left;
	padding-top: 7px;
}
#HomeColumn .ContactAnswer
{
	float: left;
}
#HomeColumn .ContactTextQuestionWrapper
{
	clear: both;
	height: 50px;
}
#HomeColumn .ContactTextQuestions
{
	clear: both;
	padding-left: 20px;
	color: #565656;
}
#HomeColumn .ContactSubmitMessage
{
	clear: both;
	color: #FF0000;
	font-size: 14px;
}
#HomeColumn .ContactGreyBar
{
	clear: both;
	height: 1px;
	border-top: 1px solid #EDEBEB;
}
#HomeColumn .ContactCheckQuestionWrapper
{
	clear: both;
	padding-top: 30px;
	padding-left: 20px;
}
#HomeColumn .ContactCheckQuestionSubWrapper
{
	clear: both;
	padding-top: 20px;
	color: #565656;
}
#HomeColumn .ContactSubmit
{
	clear: both;
	padding-top: 10px;
	padding-left: 368px;
}
#HomeColumn .ContactCommentsWrapper
{
	clear: both;
	padding-top: 22px;
}
#HomeColumn .ContactCommentsQuestion
{
	float: left;
	width: 90px;
}
/***************** Left Column *****************/
#LeftColumn
{
	float: left;
	width: 173px;
	padding-right: 10px;
	background: url('../Images/Main/GradientSepartor.gif') no-repeat right 15px;
}

#LeftColumn ul
{
	clear: both;
	padding: 0px;
	margin: 0px 0px 0px 18px;
	list-style-type: none;
}

#LeftColumn ul li
{
	width: 154px;
	border-bottom: solid 1px #e3e3e3;
}

#LeftColumn ul li a
{
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #565656;
}

#LeftColumn ul li a:hover, #LeftColumn ul li a.On
{
	background-color: #5f6062;
	color: #ffffff;
}

.RedArrow
{
	float: left;
	margin: 19px 0px 0px 25px;
}
/*********************************************/
/**************** Middle Column **************/
.MiddleColumn
{
	float: left;
	width: 423px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #666666;
	margin: 16px 0px 0px 5px;
}

.MiddleColumn .ContentHeader
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #003f5e;
}

.MiddleColumn, #HomeColumn
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #565656;
	line-height: 22px;
}
/*********************************************/
/***************** Follow Us *****************/
#FollowUs
{
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 402px;
	height: 87px;
	list-style-type: none;
	padding-top: 10px;
}

#FollowUs li
{
	float: left;
	height: 88px;
}

#FollowUs .FollowText
{
	width: 80px;
	text-align: center;
	font-family: Georgia, Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #7ac143;
}

#FollowUs .FollowLinks
{
	width: 317px;
	margin-left: 5px;
}

#FollowUs .FollowLinks .FollowRow
{
	clear: both;
	height: 44px;
}

#FollowUs .FollowLinks .FollowRow img
{
	vertical-align: middle;
	padding-right: 5px;
}

#FollowUs .FollowLinks .FollowRow a
{
	display: block;
	float: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #9a9999;
	text-decoration: none;
	width: 105px;
}

#FollowUs .FollowLinks .FollowRow a:hover
{
	text-decoration: underline;
}
/*********************************************/
/**************** Right Column ***************/
#RightColumn
{
	float: left;
	width: 280px;
	margin: 16px 0px 0px 45px;
}

#RightColumn .hr
{
	clear: both;
	height: 1px;
	width: 200px;
	background-color: #cccccc;
	margin-top: 2px;
}

#RightColumn ul
{
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#RightColumn ul li, #RightColumn ul li a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #9a9999;
}

#RightColumn ul li
{
	margin-top: 5px;
}

#RightColumn ul li a
{
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background: url('../Images/Main/Arrow.gif') no-repeat left center;
}

#RightColumn ul.RecentPosts
{
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	list-style-type: none;
}

#RightColumn ul.RecentPosts li
{
	margin: 0px;
	padding: 0px;
	background: #fff;
}

#RightColumn ul.RecentPosts li a
{
	display: inline;
	background: #fff;
	padding: 0px;
	margin: 0px;
}

#RightColumn ul.RecentPosts ul
{
	display: none;
}

#RightColumn ul.RecentPosts li img
{
	vertical-align: middle;
}

#RightColumn ul.RecentPosts li
{
	min-height: 25px;
	height: auto !important;
	height: 25px;
}

#RightColumn ul.RecentPosts li.Month ul
{
	width: 230px;
}

#RightColumn ul.RecentPosts li.Month
{
	margin-left: 20px;
}

#RightColumn ul.RecentPosts li.PostTitle
{
	margin-left: 30px;
}

#RightColumn ul.RecentPosts li.Month, #RightColumn ul.RecentPosts li.Month ul li
{
	margin-top: 5px;
}

#RightColumn ul li a.MailTo
{
	background: transparent;
	padding: 0px;
	color: #7bc243;
}

#RightColumn ul li a:hover
{
	text-decoration: underline;
}

#RightColumn ul .NoImage
{
	background: #FFFFFF;
	padding-left: 10px;
}

#RightColumn .RelatedHeader
{
	clear: both;
	display: block;
	margin-top: 15px;
	font-family: Georgia, Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 16px;
	color: #7bc143;
}

#RightColumn .RelatedHeader a
{
	font-family: Georgia, Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 16px;
	color: #7bc143;
	text-decoration: none;
}

#RightColumn .RelatedHeader a:hover
{
	text-decoration: underline;
}

.FeaturedClient
{
	clear: both;
	margin: 10px 0px 0px 0px;
	width: 280px;
}

.FeaturedClient .ClientText
{
	float: left;
	width: 240px;
	color: #716f70;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}

.FeaturedClient .ClientText .FeaturedHeader
{
	font-family: Georgia, Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 16px;
	color: #7bc143;
}

.FeaturedClient .ClientText .FeaturedText
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 14px;
}

.FeaturedClient .ToSite
{
	float: left;
	width: 40px;
}

.FeaturedClient .More
{
	clear: both;
	margin-top: 5px;
	float: right;
}

.FeaturedClient .More a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #5f6062;
	text-decoration: none;
}

.FeaturedClient .More a:hover
{
	text-decoration: underline;
}
/***********************************************/
/**************** Bottom Section ***************/
#BirdSeparator
{
	background: url('../Images/Main/BirdPath.jpg') no-repeat;
	height: 88px;
	margin-top: 10px;
}

#SiteMap
{
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

#SiteMap .LinkColumn
{
	float: left;
	width: 200px;
	margin-left: 45px;
	line-height: 15px;
}

#SiteMap .LinkColumn, #SiteMap .LinkColumn a
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10px;
	color: #666666;
}

#SiteMap .LinkColumn a
{
	display: block;
	text-decoration: none;
}

#SiteMap .LinkColumn a.Header
{
	font-weight: bold;
}

#SiteMap .LinkColumn a.SecondLevel
{
	padding-left: 10px;
}

#SiteMap .LinkColumn a.ThirdLevel
{
	padding-left: 20px;
}

#LogoSmall
{
	margin-top: 5px;
	text-align: center;
}
/************************************************/
/******************* Footer *********************/
#Footer
{
	margin-top: 10px;
	height: 24px;
	background: url('../Images/Main/FooterGradient.gif') repeat-x;
}

#Footer, #Footer a
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #fff;
}

#Footer a
{
	display: block;
	float: left;
	text-decoration: none;
	margin-top: 5px;
}

#Footer a:hover
{
	text-decoration: underline;
}

#Footer span
{
	display: block;
	float: left;
}

#Footer span.CopyRight
{
	width: 775px;
	margin: 7px 0px 0px 5px;
}

#Footer span .FooterDivider
{
	display: block;
	float: left;
	width: 1px;
	height: 12px;
	background-color: #fff;
	margin: 7px 7px 0px 7px;
}
/********************************************/
/******************* Modal ******************/

.Modal
{
	clear: both;
	display: none;
}

.ModalHeader
{
	clear: both;
	width: 100%;
	height: 25px;
	border-bottom: solid 1px #cccccc;
}

.ModalContent
{
	clear: both; 
	/*margin-left: 10px; 		margin-right: 10px; 	*/
}

.ModalHeaderText
{
	font-size: 14px;
	font-weight: bold;
	color: #0f5899;
}

div#nyroModalFull
{
	color: #777;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
}
div#nyroModalLoading
{
	border: 1px solid #7bc243;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../Images/Main/ajax-loader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error
{
	border: 1px solid #7bc243;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper
{
	background: #fff; /*border: 2px solid #e72539;*/
	border: 1px solid #7bc243;
}
a#closeBut
{
	position: absolute;
	display: block;
	top: -12px;
	right: -20px;
	width: 20px;
	height: 20px;
	text-indent: -9999em;
	background: url(../Images/Main/close.gif) no-repeat;
	outline: 0;
	z-index: 1000;
}
h1#nyroModalTitle
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent
{
	padding: 5px;
}
div.wrapperImg div#nyroModalContent
{
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img
{
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div
{
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
	font-size: 14px;
}
div.wrapperImg div#nyroModalContent div:hover
{
	font-size: 14px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	/*cursor: help;*/
}
div.wrapperImg a
{
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA);
}
a.nyroModalPrev
{
	left: 0;
	width: 40%;
}
a.nyroModalPrev:hover
{
	background: url(../Images/Main/prev.gif) left 20% no-repeat;
}
a.nyroModalNext
{
	right: 0;
	width: 40%;
}
a.nyroModalNext:hover
{
	background: url(../Images/Main/next.gif) right 20% no-repeat;
}

/********************************************/
/********** Text Box **************/
.TextBox
{
	width: 300px;
	border: solid 1px #e5e5e5;
	height: 33px;
	background-image: url('../Images/Main/TextboxGradient.gif');
	background-repeat: repeat-x;
	outline: 0;
}

.TextBox input
{
	margin: 4px 0px 0px 6px;
	width: 285px;
	height: 20px;
	font-size: 16px;
	border: 0px;
	background-image: url('../Images/Main/TextboxInputGradient.gif');
	background-repeat: repeat-x;
	outline: 0;
	color: #888888;
}
.TextArea
{
	width: 350px;
	border: solid 1px #e5e5e5;
	height: 100px;
	background-image: url('../Images/Main/TextAreaGradient.gif');
	background-repeat: repeat-x;
	outline: 0;
	color: #565656;
}

.TextArea textarea
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 14px;
	margin: 4px 0px 0px 6px;
	width: 335px;
	height: 88px;
	font-size: 16px;
	border: 0px;
	background-image: url('../Images/Main/TextAreaInputGradient.gif');
	background-repeat: repeat-x;
	outline: 0;
	color: #565656;
}
/********** End Text Box **************/
.LinkPagingPageOn
{
	font-size: 14px;
	font-weight: bold;
}
.LinkPagingPageOff
{
	font-size: 12px;
	font-weight: normal;
}
/****************** Blog ********************/
#BlogContent
{
	clear: both;
	width: 996px;
}

#BlogColumn
{
	float: left;
	width: 596px;
	margin: 25px 0px 0px 18px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #666666;
}

#BlogHeader
{
	clear: both;
	position: relative;
	width: 996px;
	height: 200px;
}

.BlogTitle, .BlogTitle a
{
	font-size: 25px;
	font-weight: bold;
	color: #004b66;
	text-decoration: none;
}

.BlogTitle a:hover
{
	text-decoration: underline;
}

.BlogPost
{
	clear: both;
	padding: 10px 0px 10px 0px;
}

.BlogSubTitle
{
	font-size: 16px;
	color: #007ec3;
	font-weight: bold;
}

.BlueBold
{
	font-size: 11px;
	color: #004b66;
	font-weight: bold;
}

.PostedBy
{
	font-size: 11px;
}

.PostedBy, .BlogEntry, .BlogComments, .PostedBy a
{
	color: #666666;
}

.PostedBy a:hover
{
	text-decoration: none;
}

.BlogEntry
{
	font-size: 13px;
	line-height: 20px;
}

.BlogEntry a
{
	color: #0176bd;
	text-decoration: underline;
}

.BlogEntry a:hover
{
	text-decoration: none;
}

#BlogUtilityRow
{
	clear: both;
	width: 600px;
	margin-top: 10px;
}

#BlogUtilityRow .Comments
{
	float: left;
	padding-left: 15px;
}

#BlogUtilityRow .ReadMore
{
	float: right;
}

#BlogUtilityRow .Comments a, #BlogUtilityRow .ReadMore a
{
	color: #0176bd;
	text-decoration: none;
	font-weight: bold;
}

#BlogUtilityRow .Comments a:hover, #BlogUtilityRow .ReadMore a:hover
{
	text-decoration: underline;
}

.CommentHeader
{
	clear: both;
	background-color: #666666;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
}

.Comments
{
	padding: 5px;
}

/****** Work Section Modal Default Page*********/

/* nested checkbox tree control */

ul.unorderedlisttree, ul.unorderedlisttree2
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 5px 15px;
}
ul.unorderedlisttree ul, ul.unorderedlisttree ul ul, ul.unorderedlisttree ul ul ul, ul.unorderedlisttree2 ul, ul.unorderedlisttree2 ul ul, ul.unorderedlisttree2 ul ul ul
{
	list-style-type: none;
}
ul.unorderedlisttree li, ul.unorderedlisttree2 li
{
	background: none;
	color: #444;
	margin: 0 0 5px 0;
	padding: 0;
}
ul.unorderedlisttree li ul, ul.unorderedlisttree2 li ul
{
	margin: 7px 0 5px 15px;
	padding: 0;
}
ul.unorderedlisttree2 li ul ul, ul.unorderedlisttree li ul ul
{
	margin: 7px 0 5px 15px;
	padding: 0;
}
ul.unorderedlisttree label, ul.unorderedlisttree2 label
{
	background: url(../Images/Work/bg-checkbox.gif) no-repeat 0 1px;
	cursor: pointer;
	padding: 4px 0 4px 17px;
}
ul.unorderedlisttree label.checked, ul.unorderedlisttree2 label.checked
{
	background: url(../Images/Work/bg-checkbox-checked.gif) no-repeat 0 1px;
}
ul.unorderedlisttree label.checkedchildren, ul.unorderedlisttree2 label.checkedchildren
{
	background: url(../Images/Work/bg-checkbox-checkedchildren.gif) no-repeat 0 1px;
}
li > label:hover, li > label.over
{
	background: url(../Images/Work/bg-checkbox-over.gif) no-repeat 0 1px;
	color: #2f66a3;
}
li > label.checked:hover, li > label.checked.over
{
	background: url(../Images/Work/bg-checkbox-checked.gif) no-repeat 0 1px;
}
li > label.checkedchildren:hover, li > label.checkedchildren.over
{
	background: url(../Images/Work/bg-checkbox-checkedchildren.gif) no-repeat 0 1px;
}
.checkboxtreeactive input
{
	display: none;
}
/****** end tree ********/