@charset "UTF-8";

/* +------------------------------------------------------------------------+ */
/* | PARTNER PORTAL GLOBAL STYLES											| */
/* +------------------------------------------------------------------------+ */

body, html
{
	background: #6B6B6B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4C5054;
	padding: 0px;
	margin: 0px;
}

img
{
	border: none;
}

form
{
	padding: 0px;
	margin: 0px;
}

.ErrorContainer
{
	background-color: rgb(255,200,200);
	border: 1px solid #CC9999;
	margin: 10px auto 5px auto;
	padding: 5px 10px 7px 10px;
	text-align: center;
}

.errorField
{
	background-color: rgb(255,220,220);
	border: 1px solid #797979;
	font-size: 11px;
}

/* +------------------------------------------------------------------------+ */
/* | PARTNER PORTAL CHROME STYLES											| */
/* +------------------------------------------------------------------------+ */

#mainContent
{
	margin: 0px auto;
	width: 805px;
}

#headerMain
{
	background:url(../../i/api/g_bg_main_header.gif) no-repeat;
	width: 799px;
	height: 77px;
}

#containerOuter
{
	border: 1px solid #555555;
	border-top: none;
}

#containerInner
{
	border-top: none;
	border: 1px solid #444444;
}

#innerContent
{
	border: 1px solid #CCC7B5;
	border-top: none;
	background: #F5F5F5;
}

#titleSection
{
	padding: 0px 0px 8px 5px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #AD4E21;
	border-bottom: 1px solid #D1D1D1;
}

#titleSection span
{
	font-weight: normal;
	font-size: 16px;
}


/* +--------------------------+ */
/* | FOOTER STYLE			  | */
/* +--------------------------+ */

#mainFooter
{
	background: #AD4E21;
	height: 18px;
	border-top: 1px solid #CDC4A6;
	clear: both;
}

div#mainFooter .txtRight
{
	color: #F6E8E2;
	font-size: 9px;
	float: right;
	position: relative;
	top: 4px;
	right: 10px;
}

div#mainFooter .txtLeft
{
	float: left;
}

div#mainFooter .txtLeft a
{
	color: #F6E8E2;
	font-size: 9px;
	position: relative;
	top: 2px;
	left: 10px;
	text-decoration: none;
}

/* +--------------------------+ */
/* | NAVIGATION STYLES		  | */
/* +--------------------------+ */

div.main_menu div.selected
{
	background: url(../../i/api/g_bg_nav_on.gif) repeat-x;
	height: 20px;
	text-align: center; 
	border-right: 1px solid #a8a8a8;
	border-left: 1px solid #cbcbcb;
	width: 18%;
	float: left;
}
div.main_menu div.selected a
{
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}

div.main_menu 
{
	background: url(../../i/api/g_bg_nav_off.gif) repeat-x;
	border-bottom: 1px solid #2B2B2B;
	border-top: 1px solid #5E5E5E;
	height: 20px;
	white-space: nowrap;
	font-size: 11px;
	display: block;
}

div.main_menu div 
{
	float: left;
	width: 18%;
	height: 20px;
	text-align: center; 
	border-right: 1px solid #ACACAC;
	border-left: 1px solid #6A6A6A;
}

div.main_menu div a 
{
	text-decoration: none;
	color: #FFFFFF;
	display: block;
}

.nav_image_nudge
{
	position:relative;
	top: 2px;
}

.nav_text_nudge
{
	position: relative;
	top: 4px;
}

/* +--------------------------+ */
/* | ORANGE BOX STYLE		  | */
/* +--------------------------+ */

table#orangeBox
{
	width: 100%;
}

table#orangeBox.top
{
	width: 250px;
	margin-bottom: 10px;
	float: left;
}

table#boxTable
{
	width: 100%;
}

table#boxTable #boxDivide
{
	width: 2%;
}

/* TOP Orange BOX STYLES */

#boxOrangeTopLeft
{
	background: url(../../i/api/box_orange/g_bg_box_orange_top_left.gif) no-repeat;
	width: 25px;
	height: 25px;
}

#boxOrangeTopMid
{
	background: url(../../i/api/box_orange/g_bg_box_orange_top_mid.gif) repeat-x;
	height: 25px;
}

#boxOrangeTopMid span
{
	font-size: 12px;
	color: #FFFFFF;
	position: relative;
	right: 10px;
	top: 3px;
}

#boxOrangeTopMid img.pin
{
	position: relative;
	right: 12px;
	top: 7px;
}

#boxOrangeTopRight
{
	background: url(../../i/api/box_orange/g_bg_box_orange_top_right.gif) no-repeat;
	width: 25px;
	height: 25px;
}

/* MID Orange BOX STYLES */

#boxOrangeMidLeft
{
	background: url(../../i/api/box_orange/g_bg_box_orange_mid_left.gif) repeat-y;
	width: 25px;
}

#boxOrangeMid
{
	background: #FFFFFF;
	padding: 10px 0px 0px 0px;
}

#boxOrangeMidRight
{
	background: url(../../i/api/box_orange/g_bg_box_orange_mid_right.gif) repeat-y;
	width: 25px;
}

/* TOP Orange BOX STYLES */

#boxOrangeBottomLeft
{
	background: url(../../i/api/box_orange/g_bg_box_orange_bottom_left.gif) no-repeat;
	width: 25px;
	height: 25px;
}

#boxOrangeBottomMid
{
	background: url(../../i/api/box_orange/g_bg_box_orange_bottom_mid.gif) repeat-x;
	height: 25px;
}

#boxOrangeBottomRight
{
	background: url(../../i/api/box_orange/g_bg_box_orange_bottom_right.gif) no-repeat;
	width: 25px;
	height: 25px;
}

/* +------------------------------------------------------------------------+ */
/* | PARTNER PORTAL LOGIN PAGE STYLES										| */
/* +------------------------------------------------------------------------+ */

#headerLowerLogin
{
	background:url(../../i/api/g_bg_header_lower_login.gif) no-repeat;
	width: 799px;
	height: 29px;
}

ul#midContentLogin, ul#midContentLogin ul
{
	padding: 0px;
	margin: 0px;
}

ul#midContentLogin li, ul#midContentLogin ul li
{
	padding: 0px;
	margin: 0px;
	float: left;
	list-style-type: none;
}

ul#midContentLogin ul li
{
	position: relative;
	left: 25px;
	top: 25px;
	padding-top: 10px;
}

ul#midContentLogin ul li#first
{
	border-right: 1px solid #DCE3EA;
	height: 180px;
	width: 35%;
}

ul#midContentLogin ul li#second
{
	width: 50%;
}

ul#midContentLogin #userPass
{
	padding: 0px 0px 15px 20px;
	border-bottom: 1px solid #DCE3EA;
}

ul#midContentLogin ul li#second div#userPass div
{
	padding-bottom: 5px;
	text-align: right;
}

ul#midContentLogin ul li#second div#userPass div input
{
	border: 1px solid #A8A8A8;
	font-size: 10px;
	width: 190px;
	margin-left: 5px;
}

ul#midContentLogin #login
{
	background: url(../../i/api/i_btn_login_go.gif) no-repeat;
	height: 16px;
	width: 16px;
	float: right;
	margin-left: 5px;
	cursor: pointer;
	position: relative;
	bottom: 2px;
}

ul#midContentLogin #userPass a
{
	color: #4C5054;
	text-decoration: none;
}

ul#midContentLogin ul li div.textBold
{
	font-weight: bold;
	padding-bottom: 10px;
}

ul#midContentLogin ul li div.text
{
	line-height: 24px;
	padding-right: 20px;
}

ul#midContentLogin #contact
{
	position: relative;
	left: 20px;
	top: 20px;
	font-size: 18px;
	color: #FFFFFF;
}

ul#midContentLogin #contact .text
{
	font-size: 14px;
	text-align: right;
}

ul#midContentLogin #contact #question
{
	background: url(../../i/api/i_icon_question_large.gif) no-repeat;
	width: 32px;
	height: 32px;
	padding-right: 10px;
	position: relative;
	bottom: 4px;
	float: left;
}

#bgLeftLogin
{
	background: url(../../i/api/i_left_section_login.jpg) no-repeat;
	width: 218px;
	height: 244px;
}

#bgLeftLogin span
{
	position: relative;
	left: 30px;
	top: 4px;
}

#bgRightLogin
{
	background: url(../../i/api/g_bg_right_section_login.gif) no-repeat;
	width: 581px;
	height: 244px;
}

#bgRightLogin div#icon
{
	background: url(../../i/api/i_icon_monitor.gif) no-repeat;
	height: 16px;
	position: relative;
	left: 23px;
	top: 2px;
}

#bgRightLogin div span
{
	position: relative;
	left: 23px;
	top: 3px;
}

#iconsLowerLogin
{
	background: url(../../i/api/g_icons_lower_login.gif) no-repeat;
	width: 766px;
	height: 51px;
	margin: 0px auto;
	clear: both;
	padding: 30px 0px 0px 0px;
	position: relative;
	top: 15px;
}

/* +------------------------------------------------------------------------+ */
/* | PARTNER PORTAL LOGIN PAGE STYLES										| */
/* +------------------------------------------------------------------------+ */

#headerLowerMain
{
	background:url(../../i/api/g_bg_header_lower_main.jpg) no-repeat;
	width: 799px;
	height: 53px;
}

#midContent
{
	padding: 15px;
}

#headerMain div
{
	text-align: right;
	position: relative;
	top:10px;
	right: 10px;
}

#headerMain div a
{
	color: #F6E8E2;
	text-decoration: none;
	font-size: 10px;
}

ul#usefulLinks
{
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
}

ul#usefulLinks li
{
	list-style-image: url(../../i/api/i_icon_link_go.gif);
	padding-top: 10px;
}

ul#usefulLinks li a
{
	color: #B25022;
	position: relative;
	bottom: 2px;
}

#rightContent
{
	float: left;
	padding: 5px 0px 0px 20px;
}

#textRightContentMain
{
	line-height: 24px;
	width: 450px;
	margin:0px 0px 30px 0px;
}

#textRightContentMain span
{
	font-weight: bold;
	display: block;
}

/* +------------------------------------------------------------------------+ */
/* | PARTNER PORTAL PRODUCT PAGE STYLES										| */
/* +------------------------------------------------------------------------+ */

#textRightContentProducts
{
	line-height: 24px;
	width: 450px;
	padding-bottom: 15px;
}

#textRightContentProducts span
{
	font-weight: bold;
	display: block;
}

#textRightContentProducts div.section
{
	float: left;
	width: 220px;
	padding: 15px 0px 15px 0px;
}

#textRightContentProducts div.section div.text
{
	width: 185px;
	line-height: 20px;
	padding-bottom: 10px;
}

#textRightContentProducts div.section div.text a
{
	color: #B25022;
}

#homeprofileLogo
{
	background: url(../../i/api/g_icons_lower_login.gif) -5px 0px no-repeat;
	width: 176px;
	height: 40px;
}

#homeworxLogo
{
	background: url(../../i/api/g_icons_lower_login.gif) -183px 0px no-repeat;
	width: 176px;
	height: 40px;
}

#buildercertifiedLogo
{
	background: url(../../i/api/g_icons_lower_login.gif) -353px 0px no-repeat;
	width: 210px;
	height: 40px;
}

#builderoncallLogo
{
	background: url(../../i/api/g_icons_lower_login.gif) -570px 0px no-repeat;
	width: 190px;
	height: 40px;
}

/* +------------------------------------------------------------------------+ */
/* | PRODUCTS PAGE STYLES													| */
/* +------------------------------------------------------------------------+ */

#subtitle
{
	font-weight: bold;
	border-top: 1px solid #A8A8A8;
	margin-top: 10px;
	padding: 10px 0px 10px 0px;
	color: #B25022;
}


#subtitle a
{
	color: #B25022;
}


#subtitle ul
{
	font-weight: normal;
	margin: 0px;
	color: #4C5054;
}

#textRightContentProducts span div#buildercertifiedLogo,
#textRightContentProducts span div#builderoncallLogo,
#textRightContentProducts span div#homeprofileLogo,
#textRightContentProducts span div#homeworxLogo
{
	Padding-bottom: 10px;
}

/* +------------------------------------------------------------------------+ */
/* | RESOURCES PAGE STYLES													| */
/* +------------------------------------------------------------------------+ */

#textRightContentRecources
{
	line-height: 24px;
	width: 450px;
	padding-bottom: 15px;
}

#textRightContentRecources span
{
	font-weight: bold;
	display: block;
}

#textRightContentRecources a
{
	color: #B25022;
}

#textRightContentRecources span.second
{
	padding-top: 15px;
}