﻿
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, img, a
{
	margin: 0;
	padding: 0;
}
ul
{
	list-style: none;
}
fieldset
{
	border: 0;
}
a, a:link, a:visited, a:hover
{
	color: #00f;
	text-decoration: none;
}

a img
{
	border: none;
}

a:focus, a:hover
{
	text-decoration: underline;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.clear
{
	clear: both;
}

.margin
{
	margin: 15px 0;
}
.marginMiddle
{
	margin: 0 15px;
}

td
{
	padding: 6px 2px 5px 0px;
	color: #444444;
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
}
body
{
	position: relative;
	background: #e8e8e8 url(/common/images/site/Background-Body-Gradient.png) repeat-x;
	font: 62.5% Arial,sans-serif;
}

#largeWrapper
{
	position: absolute;
	width: 100%;
}


#header
{
	width: 980px;
	height: 130px;
	overflow: hidden;
	padding: 35px 9px 0px 9px;
	background: url(/common/images/site/Header.png) left bottom no-repeat;
	margin: 0 auto;
}

#largeWrapper .paddingNone
{
	padding: 0;
}
#largeWrapper .strong
{
	font-weight: bold;
}
.inline-block
{
	display: inline-block;
}

#siteLoadingScreen
{
	background: url(/common/images/loading1.gif) no-repeat 5px 8px;
	padding-left: 25px;
}
.noCloseDialog .ui-dialog-titlebar-close
{
	display: none;
}

/*--------------------------------------Colors Changes------------------------------------*/

#largeWrapper .Icon
{
	display: inline-block;
	width: 23px;
	height: 23px;
}
#largeWrapper .DownloadGrey
{
	background: url(/common/images/site/Icon-Download-Grey.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .DownloadWhite
{
	background: url(/common/images/site/Icon-Download-White.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .AlertGrey
{
	background: url(/common/images/site/Icon-Alert-Grey.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .AlertWhite
{
	background: url(/common/images/site/Icon-Alert-White.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .CheckGrey
{
	background: url(/common/images/site/Icon-Check-Grey.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .CheckWhite
{
	background: url(/common/images/site/Icon-Check-White.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .DeleteGrey
{
	background: url(/common/images/site/Icon-Delete-Grey.png) no-repeat;
	margin: 5px 10px 0 0px;
}
#largeWrapper .DeleteWhite
{
	background: url(/common/images/site/Icon-Delete-White.png) no-repeat;
	margin: 5px 10px 0 0px;
}
#largeWrapper .DeleteGreyTableCell
{
	background: url(/common/images/site/Icon-Delete-Grey.png) no-repeat;
	margin: 5px 10px 0 8px;
}
#largeWrapper .DeleteClear
{
	background: url(/common/images/site/Delete-Icon-Transparency-Grey.png) no-repeat;
	margin: 5px 10px 0 0px;
	border: 0;
}
#largeWrapper .DeleteClearTableCell
{
	background: url(/common/images/site/Delete-Icon-Transparency-Grey.png) no-repeat;
	margin: 5px 10px 0 8px;
}

#largeWrapper .DeleteWhiteTableCell
{
	background: url(/common/images/site/Icon-Delete-White.png) no-repeat;
	margin: 5px 0px 0 8px;
}
#largeWrapper .EditGrey
{
	background: url(/common/images/site/Icon-Edit-Grey.png) no-repeat;
	margin: 0px 0 0 0px;
}
#largeWrapper .EditWhite
{
	background: url(/common/images/site/Icon-Edit-White.png) no-repeat;
	margin: 0px 0 0 0px;
}
#largeWrapper .ResendGrey
{
	background: url(/common/images/site/Icon-Resend-Grey.png) no-repeat;
	margin: 5px 10px 0 8px;
}
#largeWrapper .NotesGrey
{
	background: url(/common/images/site/Icon-Notes-Grey.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .DuplicateGrey
{
	background: url(/common/images/site/Icon-Duplicate-Grey.png) no-repeat;
	margin: 5px 0 0 8px;
}

#largeWrapper .PlusGrey
{
	background: url(/common/images/site/Icon-Plus-Grey.png) no-repeat;
	margin: 5px 10px 0 8px;
}
#largeWrapper .PlusWhite
{
	background: url(/common/images/site/Icon-Plus-White.png) no-repeat;
	margin: 5px 10px 0 8px;
}
#largeWrapper .PlusGrey
{
	background: url(/common/images/site/Icon-Plus-Grey.png) no-repeat;
	margin: 5px 10px 0 8px;
}
#largeWrapper .PlusWhite
{
	background: url(/common/images/site/Icon-Plus-White.png) no-repeat;
	margin: 5px 10px 0 8px;
}
#largeWrapper .ViewGrey
{
	background: url(/common/images/site/Icon-View-Grey.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .ViewWhite
{
	background: url(/common/images/site/Icon-View-White.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .RestoreGrey
{
	background: url(/common/images/site/Icon-Restore.png) no-repeat;
	margin: 5px 0 0 8px;
}
#largeWrapper .Calender-Grey
{
	background: url(/common/images/site/Icon-Calendar-Grey.png) no-repeat;
}
#largeWrapper .Calender-White
{
	background: url(/common/images/site/Icon-Calendar-White.png) no-repeat;
}
#largeWrapper .BgColor, #largeWrapper .NonurgentColor
{
	background-color: #999999;
}
#largeWrapper .UrgentColor
{
	background-color: #e33333;
}
#largeWrapper .Delete
{
	background-color: #999999;
}
#largeWrapper .Delete:hover
{
	background: url(/common/images/site/Icon-Delete-Transparency-Red.png) no-repeat;
}

.Red
{
	background: #e52424 url(/common/images/site/Background-Header-Overlay-Black.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Red .dhx_now, #largeWrapper.Red .dhx_now .dhx_month_head, #largeWrapper.Red .dhx_now .dhx_month_body, #largeWrapper.Red .ganttToday
{
	background: #e52424 url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}
#largeWrapper.RedLink a, #largeWrapper.RedLink a:hover, #largeWrapper.RedLink a p, #largeWrapper.RedLink a p:hover
{
	color: #e52424;
}
#largeWrapper.RedLink .BgColor:hover, #largeWrapper.RedLink .PlusWhite, #largeWrapper.RedLink .NotedColor
{
	background-color: #e52424;
}

.Orange
{
	background: #ffaa00 url(/common/images/site/Background-Header-Overlay-White.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Orange .dhx_now, #largeWrapper.Orange .dhx_now .dhx_month_head, #largeWrapper.Orange .dhx_now .dhx_month_body, #largeWrapper.Orange .ganttToday
{
	background: #ffaa00 url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}
#largeWrapper.OrangeSecondaryLink a, #largeWrapper.OrangeSecondaryLink a:hover, #largeWrapper.OrangeSecondaryLink a p, #largeWrapper.OrangeSecondaryLink a p:hover
{
	color: #ee7700;
}
#largeWrapper.OrangeSecondaryLink .BgColor:hover, #largeWrapper.OrangeSecondaryLink .PlusWhite, #largeWrapper.OrangeSecondaryLink .NotedColor
{
	background-color: #ee7700;
}
.LightGreen
{
	background: #aadd55 url(/common/images/site/Background-Header-Overlay-Black.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.LightGreen .dhx_now, #largeWrapper.LightGreen .dhx_now .dhx_month_head, #largeWrapper.LightGreen .dhx_now .dhx_month_body, #largeWrapper.LightGreen .ganttToday
{
	background: #aadd55 url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}


#largeWrapper.PinkSecondaryLink a, #largeWrapper.PinkSecondaryLink a:hover, #largeWrapper.PinkSecondaryLink a p, #largeWrapper.PinkSecondaryLink a p:hover
{
	color: #ff55dd;
}
#largeWrapper.PinkSecondaryLink .BgColor:hover, #largeWrapper.PinkSecondaryLink .PlusWhite, #largeWrapper.PinkSecondaryLink .NotedColor
{
	background-color: #ff55dd;
}


.Sky
{
	background: #41ABD7 url(/common/images/site/Background-Header-Overlay-White.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Sky .dhx_now, #largeWrapper.Sky .dhx_now .dhx_month_head, #largeWrapper.Sky .dhx_now .dhx_month_body, #largeWrapper.Sky .ganttToday
{
	background: #41ABD7 url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}

#largeWrapper.SkyLink a, #largeWrapper.SkyLink a:hover, #largeWrapper.SkyLink a p, #largeWrapper.SkyLink a p:hover
{
	color: #41ABD7;
}
#largeWrapper.SkyLink .BgColor:hover, #largeWrapper.SkyLink .PlusWhite, #largeWrapper.SkyLink .NotedColor
{
	background-color: #41ABD7;
}

.Yellow
{
	background: #ffff22 url(/common/images/site/Background-Header-Overlay-White.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Yellow .dhx_now, #largeWrapper.Yellow .dhx_now .dhx_month_head, #largeWrapper.Yellow .dhx_now .dhx_month_body, #largeWrapper.Yellow .ganttToday
{
	background: #666666 url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}

#largeWrapper.AquaSecondaryLink a, #largeWrapper.AquaSecondaryLink a:hover, #largeWrapper.AquaSecondaryLink a p, #largeWrapper.AquaSecondaryLink a p:hover
{
	color: #00aaaa;
}
#largeWrapper.AquaSecondaryLink .BgColor:hover, #largeWrapper.AquaSecondaryLink .PlusWhite, #largeWrapper.AquaSecondaryLink .NotedColor
{
	background-color: #00aaaa;
}

.Grey
{
	background: #666666 url(/common/images/site/Background-Header-Overlay-White.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Grey .dhx_now, #largeWrapper.Grey .dhx_now .dhx_month_head, #largeWrapper.Grey .dhx_now .dhx_month_body, #largeWrapper.Grey .ganttToday
{
	background: #666666 url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}


#largeWrapper.DarkBlueSecondaryLink a, #largeWrapper.DarkBlueSecondaryLink a:hover, #largeWrapper.DarkBlueSecondaryLink a p, #largeWrapper.DarkBlueSecondaryLink a p:hover
{
	color: #004488;
}
#largeWrapper.DarkBlueSecondaryLink .BgColor:hover, #largeWrapper.DarkBlueSecondaryLink .PlusWhite, #largeWrapper.DarkBlueSecondaryLink .NotedColor
{
	background-color: #004488;
}

.Maroon
{
	background: #97050d url(/common/images/site/Background-Header-Overlay-Black.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Maroon .dhx_now, #largeWrapper.Maroon .dhx_now .dhx_month_head, #largeWrapper.Maroon .dhx_now .dhx_month_body, #largeWrapper.Maroon .ganttToday
{
	background: #97050d url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}

#largeWrapper.BrownSecondaryLink a, #largeWrapper.BrownSecondaryLink a:hover, #largeWrapper.BrownSecondaryLink a p, #largeWrapper.BrownSecondaryLink a p:hover
{
	color: #bb6633;
}
#largeWrapper.BrownSecondaryLink.BgColor:hover, #largeWrapper.BrownSecondaryLink.PlusWhite, #largeWrapper.BrownSecondaryLink.NotedColor
{
	background-color: #bb6633;
}

.Gold
{
	background: #d3b05b url(/common/images/site/Background-Header-Overlay-Black.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Gold .dhx_now, #largeWrapper.Gold .dhx_now .dhx_month_head, #largeWrapper.Gold .dhx_now .dhx_month_body, #largeWrapper.Gold .ganttToday
{
	background: #d3b05b url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}

#largeWrapper.MedBlueSecondaryLink a, #largeWrapper.MedBlueSecondaryLink a:hover, #largeWrapper.MedBlueSecondaryLink a p, #largeWrapper.MedBlueSecondaryLink a p:hover
{
	color: #0077dd;
}
#largeWrapper.MedBlueSecondaryLink.BgColor:hover, #largeWrapper.MedBlueSecondaryLink.PlusWhite, #largeWrapper.MedBlueSecondaryLink.NotedColor
{
	background-color: #0077dd;
}

.Green
{
	background: #03871f url(/common/images/site/Background-Header-Overlay-Black.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Green .dhx_now, #largeWrapper.Green .dhx_now .dhx_month_head, #largeWrapper.Green .dhx_now .dhx_month_body, #largeWrapper.Green .ganttToday
{
	background: #03871f url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}

#largeWrapper.GreenLink a, #largeWrapper.GreenLink a:hover, #largeWrapper.GreenLink a p, #largeWrapper.GreenLink a p:hover
{
	color: #03871f;
}
#largeWrapper.GreenLink .BgColor:hover, #largeWrapper.GreenLink .PlusWhite, #largeWrapper.GreenLink .NotedColor
{
	background-color: #03871f;
}


.Blue
{
	background: #2440af url(/common/images/site/Background-Header-Overlay-Black.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Blue .dhx_now, #largeWrapper.Blue .dhx_now .dhx_month_head, #largeWrapper.Blue .dhx_now .dhx_month_body, #largeWrapper.Blue .ganttToday
{
	background: #2440af url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}

#largeWrapper.BlueSecondaryLink a, #largeWrapper.BlueSecondaryLink a:hover, #largeWrapper.BlueSecondaryLink a p, #largeWrapper.BlueSecondaryLink a p:hover
{
	color: #3355aa;
}
#largeWrapper.BlueSecondaryLink .BgColor:hover, #largeWrapper.BlueSecondaryLink .PlusWhite, #largeWrapper.BlueSecondaryLink .NotedColor
{
	background-color: #3355aa;
}

.Purple
{
	background: #880099 url(/common/images/site/Background-Header-Overlay-Black.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Purple .dhx_now, #largeWrapper.Purple .dhx_now .dhx_month_head, #largeWrapper.Purple .dhx_now .dhx_month_body, #largeWrapper.Purple .ganttToday
{
	background: #880099 url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}

#largeWrapper.PurpleLink a, #largeWrapper.PurpleLink a:hover, #largeWrapper.PurpleLink a p, #largeWrapper.PurpleLink a p:hover
{
	color: #880099;
}
#largeWrapper.PurpleLink .BgColor:hover, #largeWrapper.PurpleLink .PlusWhite, #largeWrapper.PurpleLink .NotedColor
{
	background-color: #880099;
}


.Black
{
	background: #000000 url(/common/images/site/Background-Header-Overlay-White.png) top repeat-x;
	display: inline-block;
	height: 165px;
	width: 100%;
}
#largeWrapper.Black .dhx_now, #largeWrapper.Black .dhx_now .dhx_month_head, #largeWrapper.Black .dhx_now .dhx_month_body, #largeWrapper.Black .ganttToday
{
	background: #000000 url(/common/images/site/Calendar-Current-Day-Overlay.png) top repeat;
}

#largeWrapper.BlackLink a, #largeWrapper.BlackLink a:hover, #largeWrapper.BlackLink a p, #largeWrapper.BlackLink a p:hover
{
	color: #000000;
}
#largeWrapper.BlackLink .BgColor:hover, #largeWrapper.BlackLink .PlusWhite, #largeWrapper.BlackLink .NotedColor
{
	background-color: #000000;
}


/*--------------------------------------Colors Changes------------------------------------*/
#logo
{
	float: left;
	margin: 0px 0px 15px 15px;
	width: 50%;
	height: 82px;
	overflow: hidden;
}
#logo img
{
	border: 0;
	max-width: 490px;
}


#top-nav
{
	float: right;
	height: 16px;
}

#top-nav ul li.nobg
{
	background: none;
}

#top-nav ul li
{
	float: left;
	color: #808080 !important;
	font-size: 12px;
	font-family: Verdana;
	padding: 0px 10px 0px 13px;
	background: url(/common/images/site/top-nav-ul-li-bg.jpg) repeat-y;
}

#top-nav a
{
	color: #3F8CCC;
	text-decoration: underline;
}

#top-nav a:hover
{
	color: #3F8CCC;
	text-decoration: none;
}

#currently
{
	width: 300px;
	float: right;
	margin: 48px 12px 0px 32px;
}
#currently span
{
	color: #808080;
	font-size: 12px;
	font-family: Verdana;
}

#currently select
{
	float: right;
	width: 167px;
	height: 19px;
	color: #333333;
	font-size: 13px;
	margin: 0px 0px 0px 9px;
	border: 1px #686868 solid;
}

#currently label
{
	float: right;
	color: #808080;
	font-size: 12px;
	font-family: Verdana;
	padding: 2px 0px 0px 0px;
}

#navigation
{
	width: 979px;
	height: 25px;
	display: inline-block;
	padding: 8px 0px 0px 0px;
	background: url(/common/images/site/navigation-bg.jpg) repeat-x;
}

#navigation ul li
{
	float: left;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
}

#navigation ul li a
{
	color: #dddddd !important;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
}

#helperlinks ul li
{
	float: left;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
}

#helperlinks ul li a
{
	color: #dddddd;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
}

#content
{
	width: 998px;
	background: url(../images/site/content-bg.png) left top repeat-y;
}

#content-btm
{
	width: 978px;
	padding: 0px 10px 35px 10px;
	background: url(/common/images/site/content-btm-bg.jpg) left bottom no-repeat;
}

#RegisterColumn
{
	width: 958px;
	padding: 15px 0px 0px 20px;
}

#RegisterColumn input
{
	width: 415px;
	height: 15px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	border: 1px #cccccc solid;
	padding: 6px 10px 6px 10px;
}

#RegisterColumn input[type='checkbox']
{
	color: #444444;
	font-size: 12px;
	background: #fff;
	font-family: Verdana;
	border: 0;
}



#RegisterColumn .editor-field.width200 input
{
	width: 200px;
	height: 15px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	border: 1px #cccccc solid;
	padding: 6px 10px 6px 10px;
	display: inline-block;
}

#RegisterColumn .editor-field.width200
{
	width: 200px;
	display: inline-block;
	float: left;
}

#RegisterColumn h2
{
	color: #444444;
	font-size: 16px;
	padding: 5px 0px 4px 0px;
}

.RegisterColumnLeft
{
	float: left;
	width: 459px;
	margin: 0 20px 0 0;
}
.RegisterColumnRight
{
	float: left;
	width: 439px;
	padding: 0px 20px 0px 0px;
}


#leftcolumn
{
	float: left;
	width: 210px;
	padding: 5px 0px 0px 14px;
}

#leftcolumn h2
{
	color: #000 !important;
	font-size: 20px;
	font-weight: bold;
	padding: 7px 0px 3px 9px;
}

#leftcolumn h2 a
{
	color: #000 !important;
	font-size: 20px;
	font-family: Arial;
}

#leftcolumn ul
{
	width: 208px;
	background: #fbfbfb;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0px 0px 8px 0px;
	border: 1px #dddddd solid;
}

#leftcolumn li
{
	color: #666666;
	font-size: 12px;
	line-height: 130%;
	font-family: Verdana;
	padding: 6px 0px 6px 10px;
	border-bottom: 1px #dddddd solid;
	word-wrap: break-word;
}

#leftcolumn li.noborder
{
	border: none;
}

#leftcolumn a
{
	color: #3F8CCC;
	font-size: 12px;
	font-family: Verdana;
	text-decoration: underline;
}

#leftcolumn > a
{
	margin: 0px 0px 0px 10px;
}

#leftcolumn a:hover
{
	text-decoration: none;
}

#leftcolumn strong
{
	color: #333333;
}

#rightcolumn
{
	float: left;
	width: 728px;
	padding: 16px 0px 0px 26px;
	height: 100%;
}

#rightcolumn h1
{
	color: #000;
	font-size: 24px;
	padding: 0px 0px 15px 0px;
}

#rightcolumn h2
{
	color: #444444;
	font-size: 16px;
	padding: 5px 0px 4px 0px;
}

#rightcolumn a
{
	color: #3F8CCC;
	font-size: 12px;
	font-family: Verdana;
	text-decoration: underline;
}

#rightcolumn a:hover
{
	text-decoration: none;
}

#rightcolumn h4
{
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana;
}

#rightcolumn p
{
	color: #444444;
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana;
	padding: 4px 0px 4px 0px;
}

#rightcolumn h3
{
	color: #333333;
	font-size: 14px;
	font-family: Verdana;
	margin: 5px 0 4px 0;
}

#rightcolumn h3
{
	color: #333333;
	font-size: 14px;
	font-family: Verdana;
	margin: 5px 0 4px 0;
}

h3.popUp
{
	color: #333333;
	font-size: 14px;
	font-family: Verdana;
	margin: 5px 0 4px 0;
}

#subscription
{
	float: left;
	width: 384px;
}

#subscription ul li
{
	color: #333333;
	font-size: 12px;
	font-family: Verdana;
}

#subscription ul li span
{
	width: 72px;
	text-align: right;
	display: inline-block;
	padding: 0px 14px 6px 0px;
}

#page-theme
{
	float: left;
	width: 344px;
}

.content-logo
{
	display: block;
	margin: 8px 0px 6px 0px;
}

#storage-space
{
	float: left;
	width: 384px;
}

#color
{
	float: left;
	width: 344px;
	padding: 34px 0px 0px 0px;
}

#color ul
{
	width: 206px;
	padding: 5px 0px 0px 0px;
}

#color ul li
{
	float: left;
}

#color ul li a
{
	width: 24px;
	height: 24px;
	display: block;
	margin: 0px 10px 10px 0px;
}

#color ul li.red a
{
	background: #e52424;
}

#color ul li.orange a
{
	background: #ffaa00;
}
#color ul li.orangeSecondary a
{
	background: #ee7700;
}

#color ul li.light-green a
{
	background: #aadd55;
}

#color ul li.pinkSecondary a
{
	background: #ff55dd;
}

#color ul li.sky a
{
	background: #41abd7;
}
#color ul li.yellow a
{
	background: #ffff22;
}
#color ul li.aquaSecondary a
{
	background: #00aaaa;
}

#color ul li.grey a
{
	background: #b9b9b9;
}

#color ul li.dark-blueSecondary a
{
	background: #004488;
}

#color ul li.maroon a
{
	background: #97050d;
}

#color ul li.brownSecondary a
{
	background: #bb6633;
}
#color ul li.gold a
{
	background: #d3b05b;
}

#color ul li.med-blueSecondary a
{
	background: #0077dd;
}

#color ul li.green a
{
	background: #03871f;
}

#color ul li.blue a
{
	background: #2440af;
}
#color ul li.blueSecondary a
{
	background: #3355aa;
}

#color ul li.purple a
{
	background: #880099;
}

#color ul li.black a
{
	background: #000000;
}

#color ul li a:hover
{
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: -3px 7px 7px -3px;
	border: 3px #333333 solid;
}

#rightcolumn a.role, #rightcolumn a.user, #rightcolumn a.project, #rightcolumn a.builder
{
	font-size: 12px;
	font-family: Verdana;
	text-decoration: none;
	text-align: center;
}



a.role
{
	float: left;
	margin: 48px 30px 0px 0px;
	padding: 60px 0px 0px 0px;
	background: url(/common/images/site/role.jpg) top center no-repeat;
	height: 50px;
}

a.user
{
	float: left;
	margin: 48px 30px 0px 30px;
	padding: 60px 0px 0px 0px;
	background: url(/common/images/site/user.jpg) top center no-repeat;
	height: 50px;
}

a.project
{
	float: left;
	margin: 48px 36px 0px 30px;
	padding: 60px 0px 0px 0px;
	background: url(/common/images/site/project.jpg) top center no-repeat;
	height: 51px;
}

a.builder
{
	float: left;
	margin: 48px 0px 0px 36px;
	padding: 60px 0px 0px 0px;
	background: url(/common/images/site/builder.jpg) top center no-repeat;
	height: 50px;
}


/*-----------------------5B-7-------------------------------*/

.text
{
	width: 691px;
	margin: 0px 0px 9px 0px;
}

.text input
{
	width: 669px;
	height: 15px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	border: 1px #cccccc solid;
	padding: 6px 10px 6px 10px;
}

#textWidth td
{
	width: 150px;
}
#textWidth td label
{
	width: 125px;
}
#RegisterColumn .mobilePhone input
{
	width: 15px;
	float: left;
	margin-left: 40px;
}

.mobilePhone label
{
	color: #666666;
	font-size: 12px;
	text-align: left;
	font-family: Verdana;
	padding: 0px 0px 0px 5px;
}
.mobilePhone
{
	width: 200px;
	height: 13px;
	padding: 7px;
	color: #444444;
	font-size: 12px;
	font-family: Verdana;
	float: left;
}

#RegisterColumn .smTextbox input
{
	width: 15px;
	float: left;
	margin-left: 0px;
}

.smTextbox label
{
	color: #666666;
	font-size: 12px;
	text-align: left;
	font-family: Verdana;
	padding: 0px 0px 0px 5px;
}
.smTextbox
{
	height: 13px;
	padding: 7px;
	color: #444444;
	font-size: 12px;
	font-family: Verdana;
	float: left;
}


.text.width
{
	width: 322px;
}
.text.width80
{
	width: 307px;
}
.text.width80 input
{
	width: 80px;
}


.text.width input
{
	width: 300px;
}

.passwordsBoxs input
{
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #CCCCCC;
	color: #444444;
	font-family: Verdana;
	font-size: 12px;
	height: 13px;
	padding: 7px;
	width: 292px;
	margin: 0;
}



.text.width371
{
	width: 371px;
}

.text.width371 input
{
	width: 340px;
}
.text.width100
{
	width: 100px;
}

.text.width100 input
{
	width: 90px;
}

.text.smallwidthSign
{
	width: 210px;
}

.text.smallwidthSign input
{
	width: 165px;
	float: right;
	margin-right: 5px;
}

.text.smallwidthSign span
{
	font-size: 15px;
	display: inline-block;
	margin: 7px 1px 0 2px;
}

input.txtDescription
{
	width: 280px;
}

.text.widtharea
{
	width: 691px;
}
.text.width360
{
	width: 360px;
	margin: 0;
}
.text.width264
{
	width: 264px;
	margin: 0;
}
.text .checkbox
{
	width: 400px;
	float: left;
	margin-top: 5px;
	color: #666666;
	font-family: Verdana;
	font-size: 12px;
	padding: 0 0 5px;
}
.text .checkbox span
{
	padding: 0 0 8px;
	display: inline-block;
}
#text .checkbox
{
	width: 400px;
	float: left;
	margin-top: 5px;
	color: #666666;
	font-family: Verdana;
	font-size: 12px;
	padding: 0 0 5px;
}

#text .checkbox input
{
	display: inline-block;
}
#text.smallerWidth .checkbox
{
	width: 100px;
	float: left;
	margin-top: 5px;
	color: #666666;
	font-family: Verdana;
	font-size: 12px;
	padding: 0 0 5px;
}
#text .checkbox div
{
	padding: 5px 5px 8px;
	display: inline-block;
	float: left;
}
td.checkbox
{
	margin-top: 5px;
	color: #666666;
	font-family: Verdana;
	font-size: 12px;
	padding: 0 0 5px;
}

.text .checkbox input
{
	width: 38px !important;
	float: left;
}
.zipLabelMargin
{
	margin-left: 115px;
}
.zipBoxMargin
{
	margin-left: 23px;
}
.width.zipBoxMargin input
{
	width: 45px;
}
.text textarea
{
	width: 669px;
	height: 83px;
	padding: 10px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	border: 1px #cccccc solid;
	resize: none;
	overflow: hidden;
}

.scroll-Y.text textarea
{
	overflow-y: auto;
	overflow-x: hidden;
}

.width371 textarea
{
	width: 371px;
	height: 83px;
	padding: 10px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	border: 1px #cccccc solid;
	resize: none;
	overflow: hidden;
}
/*.teaser
{
	width: 704px;
	background: #fcfcfc;
	display: inline-block;
	margin: 0px 0px 14px 0px;
	border: 1px #cccccc solid;
}

.teaser tr.change-bg
{
	border-top: solid 1px #eee;
	background: #eeeeee url(/common/images/site/teaser-li-bg.png) right top repeat-y;
	padding: 5px 0 6px;
}
.teaser tr.change-bg2
{
	border-top: solid 1px #eee;
	background: url(/common/images/site/teaser-li-bg.png) right top repeat-y;
	padding: 5px 0 6px;
}

.teaser tr
{
	width: 704px;
	float: left;
	color: #666666;
	font-size: 12px;
	padding: 5px 0 6px;
	border-top: 1px #cccccc solid;
	background: url(/common/images/site/teaser-li-bg.png) right top repeat-y;
}
.teaser td label
{
	display: inline-block;
	margin-bottom: 6px;
	text-align: center;
}

.teaser-coll-1
{
	float: left;
	width: 103px;
	text-align: center;
}

.teaser-coll-2
{
	float: left;
	width: 149px;
	padding: 0px 0px 0px 8px;
}

.teaser-coll-3
{
	float: left;
	width: 294px;
	padding: 0px 0px 0px 8px;
}

.teaser-coll-4
{
	float: left;
	width: 84px;
	overflow: hidden;
	padding: 0px 0px 0px 6px;
}

.teaser-coll-5
{
	float: left;
	width: 44px;
	overflow: hidden;
	padding: 0px 0px 0px 5px;
}

.teaser-coll-5 img
{
	margin: 6px 0px 0px 12px;
}

.teaser th h5
{
	color: #333333;
	font-size: 12px;
	font-family: Verdana;
}

.teaser-coll-4 input
{
	width: 58px;
	height: 13px;
	color: #444444;
	margin: 2px 0px 0px 0px;
	padding: 7px 5px 7px 5px;
	border: 1px #cccccc solid;
}

.teaser.teaser-2 tr.change-bg
{
	background: #eeeeee url(/common/images/site/teaser-li-bg-2.png) right top repeat-y;
	border-top: solid 1px #eee;
}
.teaser.teaser-2 tr.change-bg2
{
	background: url(/common/images/site/teaser-li-bg-2.png) right top repeat-y;
	border-top: solid 1px #eee;
}
/*
.teaser.teaser-2 td
{
	background: url(/common/images/site/teaser-li-bg-2.png) right top repeat-y;
}
*/
.first-coll
{
	float: left;
	width: 212px;
	padding: 0px 0px 0px 8px;
}

#rightcolumn .first-coll a
{
	color: #666666;
	text-decoration: none;
}
.first-coll p
{
	margin: 0;
	padding: 0 !important;
	display: inline-block;
	vertical-align: super;
}

/*

.secend-coll
{
	float: left;
	width: 330px;
	padding: 0px 0px 0px 10px;
}

.secend-coll input
{
	width: 307px;
	height: 15px;
	padding: 6px;
	color: #444444;
	margin: 2px 0px 0px 0px;
	border: 1px #cccccc solid;
}
*/

#right-text
{
	float: right;
	width: 230px;
	font-family: Verdana;
	padding: 10px 0px 0px 0px;
	text-align: right;
	position: absolute;
	left: 483px;
}

.top-input
{
	margin-top: 5px;
}


.top-input li
{
	float: left;
	padding: 0px 0px 16px 0px;
}

.top-input li span
{
	font-size: 14px;
	display: inline-block;
	margin: 2px 3px 0 0;
}
.top-input label
{
	float: left;
	color: #333333;
	font-size: 12px;
	text-align: right;
	padding: 5px 7px 0px 0px;
	width: 115px;
}

.top-input label.right
{
	width: 69px;
	color: #666666;
	padding: 5px 0px 0px 0px;
}

.top-input input
{
	width: 49px;
	height: 15px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	border: 1px #cccccc solid;
	padding: 6px 10px 6px 10px;
	float: right;
}
.relativePos
{
	position: relative;
}


.btm-input li
{
	padding: 0px 0px 3px 0px;
}

.btm-input label
{
	width: 115px;
	color: #666666;
	font-size: 12px;
	text-align: left;
	padding: 0px 6px 6px 0px;
}
.btm-input
{
	width: 135px;
	float: right;
	margin-right: 18px;
}

.btm-input input
{
	float: left;
	text-align: right;
	margin-top: 4px;
}

.top-input strong
{
	color: #333333;
	font-size: 12px;
}

#rightcolumn .add
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 4px 25px;
}

#attachments
{
	padding: 38px 0px 22px 0px;
}

#attachments ul
{
	padding: 2px 0px 0px 0px;
}

#attachments ul li
{
	display: block;
	margin: 0px 0px 7px 10px;
}

#attachments ul li a
{
	padding: 1px 0px 4px 25px;
	background: url(/common/images/site/delete-bg.jpg) no-repeat;
}

a.NoDelete
{
	vertical-align: super;
}
p.NoDelete
{
	vertical-align: super;
}
#attachments ul li a:hover
{
	text-decoration: none;
}

.date
{
	padding: 0px 0px 18px 0px;
}

.date input
{
	float: left;
	width: 149px;
	height: 13px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	margin: 0px 6px 0px 0px;
	border: 1px #cccccc solid;
	padding: 7px 10px 7px 10px;
}

.text input.dateBox
{
	width: 80px;
}

.text input.timeDateBox
{
	width: 140px;
}

.date img
{
	margin: 4px 0px 0px 0px;
}

#rightcolumn a.send
{
	width: 170px;
	height: 32px;
	display: inline-block;
	margin: 10px 0px 0px 0px;
	background: url(/common/images/site/send.png) no-repeat;
}

/*-----------------------6A-8-----------------------*/

#printer
{
	float: right;
	margin: 3px 38px 0px 0px;
	padding: 6px 0px 11px 37px;
	background: url(/common/images/site/Printer-Icon.png) no-repeat;
}

.add-location
{
	width: 136px;
	height: 32px;
	display: block;
	background: url(/common/images/site/add-location.jpg) no-repeat;
}

.post
{
	padding: 30px 0px 0px 0px;
}

#rightcolumn .post h2
{
	float: left;
	padding: 0px 8px 6px 0px;
}
/*
.pencil
{
	float: left;
}

.teaser.teaser-3 tr.change-bg
{
	background: #eeeeee url(/common/images/site/teaser-li-bg-3.png) right top repeat-y;
	border-top: solid 1px #eee;
}
.teaser.teaser-3 tr.change-bg2
{
	background: url(/common/images/site/teaser-li-bg-3.png) right top repeat-y;
	border-top: solid 1px #eee;
}

.teaser.teaser-3 td
{
	background: url(/common/images/site/teaser-li-bg-3.png) right top repeat-y;
}

.big-coll-1
{
	float: left;
	width: 289px;
	padding: 0px 0px 0px 9px;
}

.big-coll-1 input
{
	width: 269px;
	height: 15px;
	color: #444444;
	font-size: 12px;
	font-family: Verdana;
	margin: 3px 0px 6px 0px;
	padding: 6px 5px 6px 5px;
	border: 1px #cccccc solid;
}

.big-coll-2
{
	float: left;
	width: 221px;
	padding: 0px 0px 0px 9px;
}

#rightcolumn .big-coll-2 p
{
	padding: 0px;
}

.samll-coll-1
{
	float: left;
	width: 50px;
	padding: 0px 0px 0px 11px;
}

.samll-coll-1 img
{
}

.samll-coll-2
{
	float: left;
	width: 52px;
	padding: 0px 0px 0px 11px;
}

.samll-coll-2 input
{
	margin: 12px 0px 0px 16px;
}

#rightcolumn .post.no-bg h2
{
	background: none;
}

.teaser-3-coll-1
{
	float: left;
	width: 184px;
	padding: 0px 0px 0px 5px;
}

.teaser-3-coll-1 h5
{
	padding: 0px 0px 0px 6px;
}

.teaser-3-coll-1 textarea
{
	width: 162px;
	height: 65px;
	padding: 7px;
	color: #444444;
	font-size: 12px;
	font-family: Verdana;
	border: 1px #cccccc solid;
}

.teaser-3-coll-2
{
	float: left;
	width: 110px;
	text-align: center;
}

.teaser-3-coll-3
{
	float: left;
	width: 285px;
	padding: 0px 0px 0px 7px;
}

#rightcolumn .teaser-3-coll-3 p
{
	padding: 0px;
	line-height: 180%;
}

.post.no-bg tr.change-bg
{
	background: #eeeeee url(/common/images/site/last-teaser-li-bg.png) right top repeat-y;
	border-top: solid 1px #eee;
}
.post.no-bg tr.change-bg2
{
	background: url(/common/images/site/last-teaser-li-bg.png) right top repeat-y;
}

.post.no-bg td
{
	float: left;
	background: url(/common/images/site/last-teaser-li-bg.png) right top repeat-y;
}
*/

.post.no-bg
{
	padding: 30px 0px 0px 0px;
}

.save
{
	width: 148px;
	height: 32px;
	display: block;
	background: url(/common/images/site/save.png) no-repeat;
}

#punch-list
{
	padding: 30px 0px 0px 0px;
}

#punch-list ul li
{
	color: #666666;
	font-size: 12px;
	line-height: 150%;
	font-family: Verdana;
	padding: 7px 0px 7px 0px;
}

/*-------------------------12A-1----------------------*/

.edit
{
	float: right;
	margin: 5px 36px 0px 0px;
	padding: 3px 0px 3px 24px;
	background: url(/common/images/site/edit-bg.jpg) no-repeat;
}

#rightcolumn.no-padding h1
{
	padding: 0px 0px 10px 0px;
}

.aspen
{
	float: left;
	width: 207px;
	text-align: center;
	margin: 8px 24px 0px 0px;
	border: 1px #cccccc solid;
	padding: 11px 0px 11px 0px;
}

.aspen img
{
	margin: 0px 0px 8px 0px;
}

#rightcolumn .aspen p
{
	padding: 6px 0px 0px 0px;
}

#rightcolumn .aspen a
{
	display: inline-block;
	margin: 2px 0px 0px 0px;
}

.featured
{
	width: 691px;
	padding: 36px 0px 0px 0px;
}

.featured ul
{
	padding: 10px 0px 0px 34px;
}

.featured ul li
{
	float: left;
	padding: 4px;
	margin: 0px 18px 0px 0px;
	border: 1px #cccccc solid;
}

.featured ul li img
{
	float: left;
}

#left-arrow, #right-arrow
{
	width: 17px;
	height: 21px;
	position: absolute;
	margin: 75px 0px 0px 0px;
	background: url(/common/images/site/left-arrow.jpg) no-repeat;
}

#right-arrow
{
	margin: 75px 0px 0px 674px;
	background: url(/common/images/site/right-arrow.jpg) no-repeat;
}

.featured-nav
{
	clear: both;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

.featured-nav a
{
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0px 5px 0px 5px;
	background: url(/common/images/site/nav-a-bg.jpg) no-repeat;
	line-height: 8px;
}

.featured-nav a:hover
{
	background: url(/common/images/site/nav-a-hover-bg.jpg) no-repeat;
}

/*--------------------3B-3---------------------------------*/

#sub-content
{
	width: 749px;
	padding: 5px;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: url(/common/images/site/sub-content-bg.png);
}

#inner-sub-content
{
	width: 709px;
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 25px 20px 25px 20px;
}

#inner-sub-content h2
{
	color: #444444;
	font-size: 16px;
	font-family: Verdana;
}

#inner-sub-content select
{
	float: right;
	color: #333333;
	font-size: 13px;
}

#inner-sub-content label
{
	float: right;
	color: #666666;
	font-size: 12px;
	font-family: Verdana;
	padding: 3px 6px 0px 0px;
}

.sub-contractors
{
	background: #fcfcfc;
	margin: 7px 0px 0px 0px;
	border: 1px #cccccc solid;
}

.sub-contractors tr
{
	color: #666666;
	font-size: 12px;
	font-family: Verdana;
	padding: 6px 0px 7px 0px;
	border-top: 1px #cccccc solid;
	background: url(/common/images/site/sub-contractors-li-bg.png) left top repeat-y;
	display: inline-block;
}

.sub-contractors tr.change-color
{
	border-top: none;
	background: #eeeeee url(/common/images/site/sub-contractors-li-bg.png) left top repeat-y;
	padding: 6px 0 7px;
	display: inline-block;
}

.sub-contractors td h3
{
	color: #333333;
	font-size: 12px;
	font-family: Verdana;
}

#inner-sub-content .sub-contractors td p
{
	padding: 0px;
	font-family: Verdana;
}

.sub-contractors td a
{
	color: #3f8ccc;
	text-decoration: underline;
}

.sub-contractors td a:hover
{
	text-decoration: none;
}

.select
{
	float: left;
	width: 61px;
	text-align: center;
}

.company
{
	float: left;
	width: 158px;
	padding: 0px 0px 0px 12px;
}

.company h3
{
	width: 64px;
	display: inline-block;
	padding: 0px 17px 0px 0px;
	background: url(/common/images/site/down-arrow.jpg) right top no-repeat;
}

.address
{
	float: left;
	width: 152px;
	padding: 0px 0px 0px 18px;
}

.phone
{
	float: left;
	width: 111px;
	padding: 0px 0px 0px 17px;
}

.website
{
	float: left;
	width: 80px;
	text-align: center;
}

.website span
{
	color: #3f8ccc;
	text-decoration: underline;
}
/*

.favorite
{
	float: left;
	width: 95px;
	text-align: center;
}

#inner-sub-content .favorite a
{
	width: 23px;
	height: 21px;
	display: inline-block;
	background: url(/common/images/site/star.jpg) no-repeat;
}

#inner-sub-content .favorite a:hover
{
	background: url(/common/images/site/hover-star.jpg) no-repeat;
}
*/

#inner-sub-content p
{
	clear: both;
	color: #666666;
	font-size: 12px;
	font-family: Verdana;
	padding: 10px 0px 5px 0px;
}
#inner-sub-content div p
{
	color: #666666;
	font-size: 12px;
	font-family: Verdana;
	padding: 3px 10px 0px 0px;
	display: inline-block;
}

/*
#inner-sub-content span.sub-delete
{
	float: left;
	font-size: 12px;
	font-family: Verdana;
	color: #666666 !important;
	margin: 2px 4px 3px 0px;
	width: 19px;
	height: 19px;
	background: url(/common/images/site/delete-bg.jpg) no-repeat;
	display: inline-block;
}


#inner-sub-content span.sub-delete a
{
	display: inline-block;
	cursor: pointer;
}
*/
#inner-sub-content input.sub-text
{
	width: 234px;
	height: 15px;
	padding: 6px;
	display: block;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	margin: 0px 0px 5px 0px;
	border: 1px #cccccc solid;
}

#inner-sub-content .add
{
	font-family: Verdana;
	margin: 8px 0px 0px 0px;
}

#inner-sub-content input.sub-button-1
{
	width: 84px;
	height: 31px;
	border: none;
	cursor: pointer;
	display: inline-block;
	margin: 14px 10px 0px 0px;
	background: url(/common/images/site/cancel.jpg) no-repeat;
}

#inner-sub-content input.sub-button-2
{
	width: 186px;
	height: 31px;
	border: none;
	cursor: pointer;
	background: url(/common/images/site/add.jpg) no-repeat;
}

/*----------------------0A-3-----------------------------*/

.profile #header
{
	width: 552px;
	background: url(/common/images/site/Header-0A-3.png) left bottom no-repeat;
	margin: 0 auto;
}

#profile-content
{
	width: 570px;
	background: url(/common/images/site/profile-content-bg.png) left top repeat-y;
}

#profile-content-top
{
	background: url(/common/images/site/profile-content-top-bg.jpg) left top no-repeat;
}

#profile-content-btm
{
	padding: 0px 0px 20px 0px;
	background: url(/common/images/site/profile-content-btm-bg.jpg) left bottom no-repeat;
}

#profile
{
	width: 508px;
	padding: 20px 0px 20px 44px;
}

#profile h1
{
	color: #000;
	font-size: 24px;
	padding: 0px 0px 0px 0px;
}

#profile h2
{
	color: #444444;
	font-size: 16px;
	padding: 18px 0px 8px 0px;
}

#profile ul
{
	display: inline-block;
}

#profile ul li
{
	float: left;
	padding: 0px 0px 5px 0px;
}

#profile label
{
	float: left;
	width: 120px;
	color: #666666;
	font-size: 12px;
	text-align: right;
	font-family: Verdana;
	padding: 6px 11px 0px 0px;
}

#textWidth label
{
	float: left;
	width: 250px;
	color: #666666;
	font-size: 12px;
	text-align: left;
	font-family: Verdana;
	padding: 0px 0px 0px 5px;
}




#profile label span
{
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: none;
	font-style: italic;
}

#profile input[type=text]
{
	width: 292px;
	height: 13px;
	padding: 7px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	border: 1px #cccccc solid;
}

#OtherServices input
{
	width: 15px;
	height: 13px;
	padding: 7px;
	float: left;
}

#OtherServices label
{
	color: #666666;
	font-size: 12px;
	text-align: left;
	font-family: Verdana;
	padding: 0px 0px 0px 5px;
	width: 150px;
}
#OtherServices .otherServicesLeft
{
	width: 200px;
	height: 13px;
	padding: 7px;
	color: #444444;
	font-size: 12px;
	font-family: Verdana;
	float: left;
}
#OtherServices .otherServicesRight
{
	width: 200px;
	height: 13px;
	padding: 7px;
	color: #444444;
	font-size: 12px;
	font-family: Verdana;
	float: left;
}

#profile select
{
	float: left;
	width: 110px;
	margin: 0px 0px 0px 0px;
}

#profile select.state
{
	width: 119px;
}

#profile select.service-provider
{
	width: 214px;
}

#profile label.normal
{
	width: 40px;
}

#profile input.number
{
	width: 122px;
}

#profile input.samll
{
	width: 37px;
}

.Checkboxwidth input
{
	height: 13px;
	padding: 7px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	width: 13px !important;
	float: left;
	border: 0 !important;
	background-color: #fff !important;
}

.Checkboxwidth input.checkbox
{
	float: left;
	padding: 0px;
	margin: 0px 6px 0px 0px;
	border: 0 !important;
	background-color: #fff !important;
}

#profile label.no-width
{
	float: left;
	width: 298px;
	padding: 0px;
	text-align: left;
}
.Checkboxwidth p.checkbox
{
	float: left;
	color: #666666;
	font-size: 12px;
	text-align: left;
	font-family: Verdana;
	display: inline-block;
	width: 164px;
	line-height: 12px;
}

#profile p
{
	color: #666666;
	font-size: 12px;
	font-family: Verdana;
	padding: 0px 0px 5px 0px;
}

a.add
{
	display: inline-block;
	font-size: 12px;
	font-family: Verdana;
	margin: 3px 0px 8px 23px;
	padding: 2px 0px 2px 25px;
	color: #3F8CCC;
	text-decoration: underline;
	background: url(/common/images/site/add-bg.jpg) no-repeat;
}

a:hover.add
{
	text-decoration: none;
}

#profile h4
{
	color: #a1a1a1;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana;
	margin: -3px 0px 0px 0px;
	padding: 0px 0px 12px 21px;
}

#profile label.mid
{
	width: 60px;
}

#profile label.for-padding
{
	width: 230px;
	text-align: left;
	padding: 6px 0px 0px 10px;
}

#profile ul.left
{
	float: left;
}

#profile label.new
{
	width: 160px;
	padding: 0px;
	text-align: left;
}

#profile input.profile-submit
{
	clear: left;
	width: 144px;
	height: 31px;
	border: none;
	cursor: pointer;
	margin: 15px 0px 0px 0px;
	background: url(/common/images/site/profile-submit.jpg) no-repeat;
}

#footer
{
	width: 981px;
	height: 50px;
	font-family: Verdana;
	padding: 0px 9px 0px 9px;
	margin: 9px 0px 10px 0px;
}

#footer img
{
	float: left;
	margin: 0px 0px 0px 180px;
}

#footer p
{
	float: left;
	color: #888888;
	font-size: 12px;
	margin: 10px 0px 0px 11px;
}

/**/
.replace
{
	position: relative;
	margin: 0;
	padding: 0; /* \*/
	overflow: hidden; /* */
}
.replace span
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.skiplink
{
	display: none;
}

#wrapper
{
	width: 998px;
	margin: 0 auto;
}

#wrapper.profile
{
	width: 570px;
}

#wrapper.profile #footer
{
	width: 570px;
}

#wrapper.profile #footer img
{
	float: left;
	margin: 0px 0px 0px 86px;
}
.AddAnotherEmail
{
	font-family: Verdana;
	font-size: 12px;
	margin-left: 11px;
	padding: 0;
}

.PaddingLeft8
{
	padding: 0 0 0 8px;
}
.tableCell
{
	width: 300px;
	position: relative;
}

.tableCell a:first-child
{
	margin: 0 0px 0 35px;
	width: 210px;
}
.tableCell a
{
	margin: 0;
	padding: 0;
}
.tableCell a:hover
{
	text-decoration: none;
}

.PaddingTop5
{
	padding-top: 5px !important;
}

.AddNewPreBuild
{
	position: absolute;
	top: 10px;
}
.EditInformation
{
	position: absolute;
	top: 4px;
}

/*-----------------------------------Tables-----------------------------*/
.table-grey
{
	width: 704px;
	background-color: #cccccc;
	margin: 0px 0px 14px 0px;
	border-collapse: separate;
	border-spacing: 1px;
}

.table-grey th
{
	background-color: #eeeeee;
	border-top: 1px #f8f8f8 solid;
	padding: 7px 0 6px;
	color: #333333;
	font-size: 12px;
	font-family: Verdana;
	text-align: center;
	white-space: nowrap;
}

.table-grey th:first-child
{
	text-align: left;
	padding-left: 6px;
}
.table-grey td:first-child
{
	text-align: left;
	padding-left: 6px;
}

.table-grey td.CheckboxFirst
{
	text-align: center;
	padding-left: 0px;
}

.table-grey td
{
	background-color: #fcfcfc;
	padding: 5px 2px 5px 0px;
	color: #444444;
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
}

.table-grey .notthGrey
{
	background-color: #eeeeee;
}

.table-grey td.leftAlign
{
	text-align: left;
	padding-left: 6px;
}

.table-grey td label
{
	display: inline-block;
	margin-bottom: 6px;
	text-align: center;
}

.table-grey a
{
	display: inline-block;
}

.table-grey .padding0x2px
{
	padding: 0 2px;
}

.table-grey .favorite
{
	width: 95px;
	text-align: center;
}

.table-grey .favorite a
{
	width: 23px;
	height: 21px;
	display: inline-block;
	background: url(/common/images/site/star.jpg) no-repeat;
}

.table-grey .favorite a:hover
{
	background: url(/common/images/site/hover-star.jpg) no-repeat;
}

.coll-200
{
	width: 200px;
}

.coll-200 input
{
	width: 200px;
	margin-top: 3px;
}


.coll-50
{
	width: 50px;
}

.coll-265
{
	width: 265px;
}
.coll-371
{
	width: 371px;
}

.coll-310
{
	width: 310px;
}

.coll-310 input
{
	width: 187px;
}
.coll-410
{
	width: 410px;
}

.coll-410 input
{
	width: 377px;
}

.coll-450
{
	width: 450px;
}
.coll-440
{
	width: 440px;
}
.coll-575
{
	width: 575px;
}

.table-grey td input
{
	display: inline-block;
	height: 21px;
}

.table-grey .dollarSign
{
	margin: 2px 2px 0 5px;
	display: inline-block;
	float: left;
	font-size: 16px;
}

.editor-label
{
	color: #000;
	font-size: 14px;
	padding: 11px 0px 0px 0px;
}

.margin2ndAddress
{
	margin: 12px 0 0 0px;
}

.shortBoxDisplayColor {
    
}
.shortBox
{
	width: 150px;
	float: left;
	margin-right: 80px;
}

.shortBox input
{
	width: 150px;
	float: left;
}

.shortBox h3
{
	width: 200px;
}

.longBox input
{
	width: 300px;
	margin-bottom: 5px;
}
.input300
{
	width: 300px;
}
.marginleft6
{
	margin-left: 6px;
}
.marginleft21
{
	margin-left: 21px;
}

.backTo
{
	float: right;
	margin-right: 15px;
}
#rightcolumn .profileInformation h3
{
	color: #666666;
	font-family: Verdana;
	font-size: 12px;
	margin-bottom: 4px;
}
.margin37
{
	margin: 0 0 0 37px;
	padding: 0;
}
#largeWrapper .noPaddingMargin
{
	margin: 0;
	padding: 0;
}

#CCForm .editor-label
{
	color: #444444;
	font-size: 12px;
	font-family: Verdana;
	padding: 6px 10px 6px 10px;
	width: 200px;
}
#CCForm .editor-field
{
	width: 669px;
	height: 15px;
	color: #444444;
	font-size: 12px;
	background-color: #fff;
	font-family: Verdana;
	border: 1px #cccccc solid;
	padding: 6px 10px 6px 10px;
}

#CCForm .editor-field.noBorder
{
	border: 0;
}

#CCForm .editor-field.px-150
{
	width: 150px;
}
#CCForm .editor-field.px-20
{
	width: 20px;
}
#CCForm .editor-field.px-200
{
	width: 200px;
}

/* Styles for MVC validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000 !important;
	background-color: #ffeeee !important;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
	font-family: Verdana;
	font-size: 12px;
	margin: 0 0 5px 25px;
}

.validation-summary-valid
{
	display: none;
}

/* Functional styles */
.wizardStep
{
	display: none;
}


/*-------------------------------------------------------- Buttons-----------------------------------------------------------*/

#Buttons .Button-Grey, #Buttons .Button-Grey input, #Buttons .Button-Grey span, #MultiButtons .Button-Grey, #MultiButtons .Button-Grey input, #MultiButtons .Button-Grey span, #largeWrapper .dhx_cal_tab2, #largeWrapper .dhx_cal_tab2 span
{
	background-image: url(/common/images/site/Button-Grey.png);
	background-repeat: no-repeat;
	border: 0;
}

#Buttons .Button-Grey, #MultiButtons .Button-Grey, #largeWrapper .dhx_cal_tab2
{
	display: inline-block;
	height: 32px;
	background-position: left top;
	margin: 10px 0;
	position: relative;
}

#Buttons .Button-Deep input
{
	float: right;
	margin-right: 3em;
}

#largeWrapper .dhx_cal_tab2 span
{
	padding: 0 30px 0 18px !important;
}


#Buttons .Button-Grey input, #Buttons .Button-Grey span, #MultiButtons .Button-Grey input, #MultiButtons .Button-Grey span, #largeWrapper .dhx_cal_tab2 span
{
	display: inline-block;
	position: relative;
	left: 4px;
	height: 32px;
	background-position: right top;
	padding: 0 10px 0 6px;
	color: #ddd !important;
	font-weight: bold;
	font-size: 15px !important;
	line-height: 32px;
	text-decoration: none !important;
	cursor: pointer;
	font-family: Arial;
}

#Buttons .Button-Grey:hover, #MultiButtons .Button-Grey:hover, #largeWrapper .dhx_cal_tab2:hover
{
	background-position: left bottom;
}


#Buttons .Button-Grey:hover input, #Buttons .Button-Grey:hover span, #MultiButtons .Button-Grey:hover input, #MultiButtons .Button-Grey:hover span, #largeWrapper .dhx_cal_tab2:hover span
{
	background-position: right bottom;
}

.calendarButtons
{
	position: relative;
	background-image: url(/common/images/site/Button-Notifiction-Bar.png);
	background-repeat: no-repeat;
	border: 0;
	display: inline-block;
	height: 36px;
	background-position: left top;
	margin: 0 17px;
	width: 143px;
}

.calendarButtons img
{
	left: -6px;
	position: absolute;
	top: -5px;
	background-repeat: no-repeat;
	border: 0;
}

.calendarButtons span
{
	text-align: center;
	display: inline-block;
	margin-left: 43px;
	cursor: pointer;
	color: #666666;
	font-weight: normal;
}

.calendarButtons:hover
{
	background-position: left bottom;
}

.calendarButtons .calendarButtonsDelete
{
	position: absolute;
	right: -22px;
	top: -14px;
}
#largeWrapper .calendarButtonsDelete:hover
{
	background: url(/common/images/site/Icon-Delete-Transparency-Red.png) no-repeat;
}

#largeWrapper .dhx_cal_navline
{
	background-color: #ffffff;
}

#largeWrapper .calendarButtonsTabs
{
}

#largeWrapper .dhx_cal_navline .dhx_cal_date
{
	left: 250px;
	padding-top: 0px;
	font-weight: bold;
	color: #333333;
	font-size: 20px;
	font-family: Arial;
	display: inline-block;
	text-align: center;
	margin: 0 15px;
}
/*#largeWrapper .dhx_cal_tab2:active
{
	background-image: url(/common/images/site/Button-LtGrey.png);
	display: inline-block;
	position: relative;
	left: 4px;
	height: 32px;
	background-position: right top;
	padding: 0 10px 0 6px;
	color: #000 !important;
	font-weight: bold;
	font-size: 15px !important;
	line-height: 32px;
	text-decoration: none !important;
	cursor: pointer;
}
*/
#scheduler_here .inlineMonthButtons
{
	top: -10px;
	position: relative;
	left: 16px;
}
#scheduler_here .inlineMonthButtons .innerInlineMonthButtons
{
	width: 665px;
	text-align: center;
	display: inline-block;
	position: absolute;
}

#largeWrapper .dhx_cal_prev_button
{
	background-image: url(/common/images/site/Button-Arrow-Left.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 19px;
	height: 21px;
	display: inline-block;
	position: relative;
	top: 3px;
}
#largeWrapper .dhx_cal_next_button
{
	background-image: url(/common/images/site/Button-Arrow-Left-02.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 19px;
	height: 21px;
	display: inline-block;
	position: relative;
	top: 3px;
}
#largeWrapper .dhx_cal_today_button
{
	background: none;
	text-decoration: underline;
	left: -14px;
	position: absolute;
	top: 8px;
}
#largeWrapper .dhx_cal_today_button:hover
{
	background: none;
	text-decoration: none;
}
#largeWrapper .displayAppointmentsTasks
{
	position: absolute;
	right: 0px;
	top: -64px !important;
	display: table-cell;
}
#largeWrapper .displayAppointmentsTasks input
{
	margin-right: 5px;
	vertical-align: middle;
}

#largeWrapper .dhx_scale_bar
{
	color: #333333;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	background-color: #C9C9C9;
	background-image: none;
	border-right: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
}

#largeWrapper .dhx_cal_data
{
	color: #333333;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	position: relative;
}
#largeWrapper .dhx_cal_data td
{
	padding: 1px 0 0 0;
}

#largeWrapper .dhx_cal_data dhx_resize_denied, #largeWrapper .dhx_move_denied
{
	height: 100% !important;
	top: 20px !important;
}

#largeWrapper .dhx_cal_data td div
{
	width: 94px !important;
}
#largeWrapper .dhx_cal_data td div.dhx_month_body
{
	width: 99px !important;
}
#largeWrapper .dhx_cal_data td:first-child
{
	border-left: 1px solid #b4b4b4;
}
#largeWrapper .dhx_month_head
{
	border-right: 1px solid #b4b4b4;
}
#largeWrapper .dhx_month_body
{
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
}
#largeWrapper .dhx_cal_header
{
	margin-left: 1px;
	background: none;
}

#largeWrapper .dhx_cal_data.dhx_cal_data table
{
	width: 703px;
}

/*-------------------------------------------------------- Buttons-----------------------------------------------------------*/

#rightcolumn .rightInnerLeft
{
	float: left;
	width: 45%;
}

#rightcolumn .rightInnerRight
{
	float: right;
	width: 55%;
	margin-top: 36px;
}

#rightcolumn .rightInnerLeft h2
{
	padding-bottom: 0px;
	margin: 0;
}
#rightcolumn .rightInnerRight h2
{
	padding-bottom: 0px;
	margin: 0;
}

#rightcolumn .rightInnerLeft p, #rightcolumn .rightInnerRight p
{
	margin-right: 1em;
	padding: 0px;
}

.rightInnerRight ul
{
	list-style-type: disc;
	margin-left: 20px;
}

.rightInnerRight li
{
	padding-bottom: 5px;
}
#rightcolumn .width33percent
{
	width: 33%;
}
#rightcolumn .textBoxContainerText
{
	color: #333333;
	font-size: 17px;
	font-family: Verdana;
	margin-top: 5px;
}
.table-grey .left32
{
	padding: 0 0 0 32px;
}
.subcontractorsCell
{
	padding-left: 5px !important;
}
#buildIcons
{
	padding-top: 4em;
}
#buildIcons div:last-child
{
	margin-right: 0px;
}
#buildIcons p
{
	text-align: center;
	display: inline-block;
}
#buildIcons a
{
	text-decoration: none;
}

#buildIcons .iconWidth
{
	margin-right: 56px;
}

#buildIcons img
{
	padding: 0 0 5px;
}

#DocumentResources
{
	padding-top: 4em;
}
#DocumentResources div:last-child
{
	margin-right: 0px;
}


#buildIcons p
{
	text-align: center;
	display: inline-block;
}

#DocumentResources a
{
	text-decoration: none;
}

#DocumentResources .iconWidth
{
	width: 165px;
	text-align: center;
	margin: 0px 0 20px 0;
}

#DocumentResources img
{
	padding: 0 0 5px;
}



span.checkboxTopPadding
{
	margin: 9px 9px 0 0;
	display: inline-block;
}

.logoWidth img
{
	width: 206px;
	margin-bottom: 10px;
}
#progressbar
{
	margin-bottom: 5px;
}

.ui-accordion .ui-accordion-header a
{
	display: block;
	font-size: 1.1em !important;
	padding: .5em .5em .5em .7em;
	color: #333333 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

.ui-accordion
{
	width: 95%;
	position: relative;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	border: 1px solid #cccccc;
	background: url("/common/css/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6 !important;
	font-weight: bold;
	color: #1c94c4;
}

.ui-accordion .ui-accordion-content
{
	padding: 1em 2.2em;
	border-top: 0;
	margin-top: -5px !important;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
	zoom: 1;
}
.checkoutDescription
{
	width: 200px;
	text-align: left;
}
.checkoutDropbox
{
	width: 88px;
	text-align: right;
}
#rightcolumn .selectionP
{
	padding: 0;
	line-height: 15px;
}
#rightcolumn .mobilePhone input
{
	width: 15px;
	height: 13px;
	padding: 7px;
	float: left;
}

#rightcolumn .mobilePhone label
{
	color: #666666;
	font-size: 12px;
	text-align: left;
	font-family: Verdana;
	padding: 0px 0px 0px 5px;
	width: 200px;
}
#rightcolumn .mobilePhone
{
	width: 400px;
	height: 13px;
	padding: 7px;
	color: #444444;
	font-size: 12px;
	font-family: Verdana;
	float: left;
}

#RegisterColumn .iAmContent input[type='checkbox']
{
	width: 14px;
	display:inline-block;
	position:absolute;
	left:6px;
	top:0;
	height:15px;
}

#RegisterColumn .iAmContent label
{
	color: #666666;
	font-size: 12px;
	font-family: Verdana;
	position:absolute;
	top: 0px;
	left: 30px;

	
}

#RegisterColumn .iAmContent
{
	padding: 10px 0 10px 5px;
	color: #444444;
	font-size: 12px;
	font-family: Verdana;
	position: relative;
}

#RegisterColumn select, #RegisterColumn select select option
{
	height: 27px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	border: 1px #cccccc solid;
	padding: 3px 5px 3px 5px;
}


#attachmentsContainer ul
{
	margin-left: 20px;
}
#attachmentsContainer li
{
	list-style-type: disc;
}
#LoginLayout
{
	background-color: #fff;
	margin: 150px auto 0;
	width: 430px;
	border-radius: 7px;
	height: 305px;
	-moz-box-shadow: 0px 0px 10px rgba(68,68,68,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(68,68,68,0.2);
	box-shadow: 0px 0px 10px rgba(68,68,68,0.2);
	border: 1px solid #d2d2d2;
}

#LoginLayout .editor-label
{
	float: left;
	color: #666666;
	font-size: 12px;
	font-family: Verdana;
	padding: 7px 10px 0px 0px;
	text-align: right;
	width: 100px;
}
#LoginLayout .text
{
	width: 296px;
	margin: 0px 0px 5px 0px;
	float: left;
}
#LoginLayout .text input
{
	width: 266px;
	height: 15px;
	color: #444444;
	font-size: 12px;
	background: #fafafa;
	font-family: Verdana;
	border: 1px #cccccc solid;
	padding: 6px 10px 6px 10px;
}
#LoginLayout .logo
{
	text-align: center;
	margin: 0 0 20px;
	padding-top: 25px;
}
#LoginLayout .ForgotPassword
{
	color: #3f8ccc;
	font-size: 12px;
	font-family: Verdana;
	float: right;
	width: 125px;
	margin-right: 22px;
	padding-top: 4px;
}

#LoginLayout .ForgotPassword a
{
	color: #3f8ccc;
	text-decoration: underline;
}
#LoginLayout .ForgotPassword a:hover
{
	color: #3f8ccc;
	text-decoration: none;
}
#LoginLayout .editor-label.rememberMe
{
	width: 124px;
	padding: 5px 10px 0 0;
	float: left;
}
#LoginLayout .editor-field.checkBox input
{
	float: left;
	margin-left: 110px;
	margin-top: 7px;
}
#LoginLayout .editor-label.divider
{
	float: left;
	width: 3px;
	padding: 4px 5px 0 5px;
}
#top-nav.bgNone
{
	background-image: none;
	margin: 5px 10px 0 0;
}
#top-nav.bgNone ul li
{
	background-image: none;
}
#tblWarranties.Nopadding td
{
	padding: 0;
	text-align: left;
	color: #444444;
	font-family: Verdana;
	font-size: 12px;
}
#tblWarranties.Nopadding td input
{
	padding: 0;
	text-align: left;
	color: #444444;
	font-family: Verdana;
	font-size: 12px;
}
#forgotPasswordpage
{
	margin-left: 20px;
}
#LoginLayout p
{
	color: #444444;
	font-family: Verdana;
	font-size: 12px;
}
#LoginLayout .textWidth100
{
	width: 90%;
	text-align: left;
	padding: 5px 15px 5px 0;
}
.taskContainer p.task
{
	margin-top: 3px;
	display: inline-block;
}
td.userEmail
{
	text-align: left;
}

.text input.timebox
{
	display: inline-block;
	width: 80px;
	margin-right: 15px;
}
.text input.timebox2
{
    clear: both;
	display: inline-block;
	width: 80px;
	margin-right: 15px;
}
.text.inline-block h3
{
	display: inline-block;
	width: 117px;
}
#tblEmailAddTable td input
{
	width: 525px;
}
.ganttview-hzheader-months
{
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
}
#largeWrapper .calendarButtonsLayout
{
	position: relative;
	top: 3px;
}
#largeWrapper .calendarButtonsLayout .dhx_cal_tab2
{
	margin-right: 15px;
}

#Legal p, #CopyrightClaims p
{
	color: #444444;
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana;
	padding: 4px 0px 4px 0px;
}

#Legal h2, CopyrightClaims h2
{
	color: #444444;
	font-size: 14px;
	font-family: Verdana;
	text-decoration: underline;
	margin: 10px 0 2px;
}
#Legal ul, #CopyrightClaims ul
{
		list-style-type:disc;
		margin-left: 35px;
}
#Legal ol
{
	list-style-type:decimal;
		margin-left: 35px;
}
#Legal ul li, #CopyrightClaims ul li
{
	color: #444444;
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana;
	padding: 4px 0px 4px 0px;
	list-style-type:disc;
}
#Legal ol li
{
	color: #444444;
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana;
	list-style-type:decimal;
	padding: 4px 0px 4px 0px;
}

td.psiSupplier
{
	max-width: 90px;
	overflow:hidden;
}